fluxbb/style/imports/base.css

   1 /****************************************************************/
   2 /* 1. INITIAL SETTINGS */
   3 /****************************************************************/
   4
   5 .pun TABLE, .pun DIV, .pun FORM, .pun P, .pun H1, .pun H2, .pun H3,
   6 .pun H4, .pun PRE, .pun BLOCKQUOTE, .pun UL, .pun OL, .pun LI, .pun DL,
   7 .pun DT, .pun DD, .pun TH, .pun TD, .pun FIELDSET, .pun IMG {
   8         MARGIN: 0px;
   9         PADDING: 0px;
  10         FONT-WEIGHT: normal;
  11         LIST-STYLE: none;
  12 }
  13
  14 .pun IMG {BORDER: none}
  15
  16 .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {MARGIN: 0}
  17
  18 /****************************************************************/
  19 /* 2. STRUCTURAL SETTINGS - VERY IMPORTANT - DO NOT CHANGE */
  20 /****************************************************************/
  21
  22 /* 2.1 Clearing floats and invisible items */
  23 .pun .clearer, .pun .nosize {
  24         HEIGHT: 0;
  25         WIDTH: 0;
  26         LINE-HEIGHT: 0;
  27         FONT-SIZE: 0;
  28         OVERFLOW: hidden
  29 }
  30
  31 .pun .clearer, .pun .clearb {CLEAR: both}
  32 .pun .nosize {POSITION: absolute; LEFT: -10000px}
  33
  34 /* 2.2 Overflow settings for posts */
  35
  36 DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature, DIV.postmsg {OVERFLOW: hidden}
  37
  38 /****************************************************************/
  39 /* 3. BUG FIXES - VERY IMPORTANT - DO NOT CHANGE */
  40 /****************************************************************/
  41
  42 /* 3.1 This attempts to eliminate rounding errors in Gecko browsers. */
  43
  44 DIV>DIV>DIV.postfootleft, DIV>DIV>DIV.postfootright {PADDING-TOP: 1px; MARGIN-TOP: -1px}
  45
  46 /* 3.2 This is only visible to IE6 Windows and cures various bugs. Do not alter comments */
  47
  48 /* Begin IE6Win Fix \*/
  49 * HTML .inbox, * HTML .inform, * HTML .pun, * HTML .intd, * HTML .tclcon {HEIGHT: 1px}
  50 * HTML .inbox DIV.postmsg {WIDTH: 98%}
  51 /* End of IE6Win Fix */
  52
  53 /* 3.3 This is the equivelant of 3.2 but for IE7. It is visible to other browsers
  54 but does no harm */
  55
  56 /*Begin IE7Win Fix */
  57 .pun, .pun .inbox, .pun .inform, .pun .intd, .pun .tclcon {min-height: 1px}
  58 /* End of IE7Win Fix */
  59
  60 /****************************************************************/
  61 /* 4. HIDDEN ELEMENTS */
  62 /****************************************************************/
  63
  64 /* These are hidden in normal display. Add comments to make them visible */
  65
  66 #brdfooter H2, #brdstats H2, #brdstats .conl DT, #brdstats .conr DT,
  67 #modcontrols DT, #searchlinks DT, DIV.postright H3 {
  68         POSITION: absolute;
  69         DISPLAY: block;
  70         OVERFLOW: hidden;
  71         WIDTH: 1em;
  72         LEFT: -999em
  73 }
  74
  75 /****************************************************************/
  76 /* 5. BOX CONTAINERS AND FLOATS */
  77 /****************************************************************/
  78
  79 /* 5.1. Setup all left and right content using floats. */
  80
  81 .conr {
  82         FLOAT: right;
  83         TEXT-ALIGN: right;
  84         CLEAR: right;
  85         WIDTH: 40%
  86 }
  87
  88 .conl {
  89         FLOAT: left;
  90         WIDTH: 55%;
  91         OVERFLOW: hidden;
  92         WHITE-SPACE: nowrap
  93 }
  94
  95 LABEL.conl {
  96         WIDTH: auto;
  97         OVERFLOW: visible;
  98         MARGIN-RIGHT: 10px
  99 }
 100
 101 /* 5.2 Set up page numbering and posts links */
 102
 103 DIV.linkst .conl, DIV.linksb .conl, DIV.postlinksb .conl {WIDTH:18em}
 104
 105 DIV.linkst .conr, DIV.linksb .conr, DIV.postlinksb .conr {WIDTH:16em}
 106
 107 FORM DIV.linksb .conr {WIDTH: 32em}
 108
 109 /* 5.3 Keep breadcrumbs from shifting to the right when wrapping */
 110
 111 .linkst UL, linksb UL, .postlinksb UL {MARGIN-LEFT: 18em}
 112
 113 /* 5.4 Settings for Profile and Admin interface.*/
 114
 115 DIV.block2col {PADDING-BOTTOM: 1px}
 116
 117 DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {MARGIN-LEFT: 14em}
 118
 119 DIV.blockmenu, #viewprofile DT {
 120         FLOAT:left;
 121         WIDTH: 13em
 122 }
 123
 124 #profileavatar IMG {
 125         FLOAT: right;
 126         MARGIN-LEFT: 1em
 127 }
 128
 129 #viewprofile DL {FLOAT: left; WIDTH: 100%; OVERFLOW: hidden}
 130
 131 /****************************************************************/
 132 /* 6. TABLE SETUP */
 133 /****************************************************************/
 134
 135 /* 6.1 Table Basic Setup */
 136
 137 .pun TABLE {WIDTH: 100%}
 138
 139 /* 6.2 Fixed Table Setup */
 140
 141 #punindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed}
 142
 143 .tcl {TEXT-ALIGN: left; WIDTH: 50%}
 144
 145 .tc2, .tc3, .tcmod {WIDTH: 9%; TEXT-ALIGN: center}
 146
 147 .tcr {WIDTH: 32%; TEXT-ALIGN: left}
 148
 149 #punsearch #vf .tcl, #punmoderate #vf .tcl {WIDTH: 41%}
 150
 151 #punsearch #vf .tc2 {WIDTH: 18%; TEXT-ALIGN: left}
 152
 153 .tcl, .tcr {OVERFLOW: HIDDEN}
 154
 155 /* 6.3 Other Table Setup */
 156
 157 #users1 .tcl {WIDTH: 40%}
 158
 159 #users1 .tcr {WIDTH: 25%}
 160
 161 #users1 .tc2 {WIDTH: 25%; TEXT-ALIGN: left}
 162
 163 #users1 .tc3 {WIDTH: 10%; TEXT-ALIGN: center}
 164
 165 #debug .tcr {WIDTH: 85%; WHITE-SPACE: normal}
 166
 167 #punindex TD.tcr SPAN.byuser {DISPLAY: block}
 168
 169 /****************************************************************/
 170 /* 7. VIEWTOPIC SETUP */
 171 /****************************************************************/
 172
 173 /* 7.1 This is the basic structure. */
 174
 175 DIV.postleft, DIV.postfootleft {
 176         FLOAT:left;
 177         WIDTH: 18em;
 178         OVERFLOW: hidden;
 179         POSITION: relative;
 180 }
 181
 182 DIV.postright, DIV.postfootright {
 183         BORDER-LEFT-WIDTH: 18em;
 184         BORDER-LEFT-STYLE: solid
 185 }
 186
 187 DIV.postfootright, P.multidelete {TEXT-ALIGN: right}
 188
 189 DIV.blockpost>DIV>DIV.inbox {PADDING-BOTTOM: 1px}
 190
 191 /* 7.3 This is the div which actually contains the post and is inside .postright */
 192
 193 DIV.postmsg {WIDTH:100%}
 194
 195 /* 7.4 These items control overflow and scrolling within posts. */
 196
 197 DIV.incqbox {WIDTH: 100%; OVERFLOW: hidden}
 198 DIV.scrollbox {WIDTH: 100%; OVERFLOW: auto}
 199 IMG.postimg {max-width: 100%}
 200 A .postimg {max-width: 100%}
 201
 202 /* 7.5 Turn off the poster information column for preview */
 203
 204 #postpreview DIV.postright {BORDER-LEFT: none}
 205
 206 /* 7.6 Create the horizontal line above signatures */
 207
 208 DIV.postsignature HR {
 209         MARGIN-LEFT: 0px;
 210         WIDTH: 200px;
 211         TEXT-ALIGN: left;
 212         HEIGHT: 1px;
 213         BORDER:none
 214 }
 215
 216 /* 7.7 Maximum height for search results as posts. Position go to post link */
 217
 218 DIV.searchposts DIV.postmsg {HEIGHT: 8em}
 219 DIV.searchposts DD P {PADDING-TOP: 3em}
 220
 221 /* 7.8 Class for bbcode [u] */
 222
 223 SPAN.bbu {TEXT-DECORATION: underline}
 224
 225 /****************************************************************/
 226 /* 8. LISTS SPECIAL SETTINGS */
 227 /****************************************************************/
 228
 229 /* 8.1 Horizontal display of online list, main navigation menu and breadcrumbs */
 230
 231 #onlinelist DD, #onlinelist DT, #brdmenu LI, DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI,
 232 DIV.postfootright LI, UL.bblinks LI {
 233         DISPLAY: inline;
 234         HEIGHT: 0
 235 }
 236
 237 /* 8.2 Turn on square icon for posterror list */
 238
 239 #posterror UL LI {LIST-STYLE: square inside}
 240
 241 /* 8.3 Right alignment of descriptions in ordinary member view of other members profiles */
 242
 243 #viewprofile DT {TEXT-ALIGN: right}
 244
 245 /****************************************************************/
 246 /* 9. FORM SETTINGS */
 247 /****************************************************************/
 248
 249 /* 9.1 Makes textareas and long text inputs shrink with page */
 250
 251 DIV.txtarea {WIDTH: 75%}
 252
 253 DIV.txtarea TEXTAREA, INPUT.longinput {WIDTH: 100%}
 254
 255 .pun LABEL {DISPLAY: block}
 256
 257 #qjump SELECT {WIDTH: 50%}
 258
 259 /****************************************************************/
 260 /* 10. HELP FILES AND MISC. */
 261 /****************************************************************/
 262
 263 /* 10.1 Put some space between sections of the help file */
 264
 265 #helpfile H2 {MARGIN-TOP: 12px}
 266
 267 /* 10.2 Internal padding */
 268
 269 #helpfile DIV.box {PADDING: 10px}
 270
 271 /* 10.3 Other templates */
 272
 273 #punredirect DIV.block, #punmaint DIV.block {MARGIN: 50px 20% 12px 20%}