skins/default/default_left.css

   1 /*-------------------------------------------------
   2   Nucleus CMS Stylesheet - bundled with version 3.2
   3   Based on the Stanch skin by Ivan Fong
   4   Mods by hcgtv and moraes
   5 -------------------------------------------------*/
   6
   7 /*-------------------------------------------------
   8   General layout
   9 -------------------------------------------------*/
  10 body
  11 {
  12         background: #505050 url(images/bg.gif);
  13         color: #494949;
  14         font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
  15         font-size: 11px;
  16         padding: 15px 0;
  17         margin: 0;
  18 }
  19 img
  20 {
  21         border: 0;
  22 }
  23 form
  24 {
  25         margin: 0;
  26 }
  27
  28 /* Headings */
  29 h1,h2,h3,h4,h5,h6
  30 {
  31         font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
  32         font-weight: normal;
  33         margin: 0;
  34 }
  35
  36 /* Lists */
  37 ul
  38 {
  39         list-style: none;
  40         padding: 0;
  41         margin: 0;
  42 }
  43 li
  44 {
  45         background: url(images/arrow.gif) left 5px no-repeat;
  46         padding: 0 0 0 10px;
  47         margin: 0 20px;
  48 }
  49
  50 /* Links */
  51 a:link, a:visited
  52 {
  53         color: #635D45;
  54         text-decoration: none;
  55 }
  56 a:hover, a:active
  57 {
  58         color: black;
  59 }
  60 #header a:link, #header a:visited
  61 {
  62         color: #474747;
  63 }
  64 #header a:hover, #header a:active
  65 {
  66         color: #737373;
  67 }
  68 #copyrights a:link, #copyrights a:visited
  69 {
  70         color: #474747;
  71 }
  72 #copyrights a:hover, #copyrights a:active
  73 {
  74         color: #737373;
  75 }
  76
  77 /* Basic classes */
  78 .hidden
  79 {
  80         display: none;
  81 }
  82 .centerize
  83 {
  84         text-align: center;
  85 }
  86 .clearing
  87 {
  88         width: 704px;
  89         height: 0;
  90         clear: both;
  91 }
  92
  93 /*-------------------------------------------------
  94   Header
  95 -------------------------------------------------*/
  96 #header
  97 {
  98         position: relative;
  99         width: 704px;
 100         height: 168px;
 101         /* large header image is defined below */
 102         /* background: white url(images/header.jpg) no-repeat; */
 103         background: white;
 104         border-width: 2px 2px 0;
 105         border-style: solid;
 106         border-color: #E0E0E0;
 107         margin: auto;
 108 }
 109 #header h1
 110 {
 111         /* small header image specific lines */
 112         height: 168px;
 113         width: 692px;
 114         background: white url(images/header_sm.jpg) repeat-x 0 6px;
 115         margin: 0 6px;
 116         /* end small header image specific lines */
 117         font-size: 38px;
 118         text-align: center;
 119         line-height: 160px;
 120 }
 121
 122 /*-------------------------------------------------
 123   Content wrappers
 124 -------------------------------------------------*/
 125 #mainwrapper
 126 {
 127         width: 704px;
 128         background: white;
 129         border-width: 0 2px;
 130         border-style: solid;
 131         border-color: #E0E0E0;
 132         margin: auto;
 133 }
 134 #wrapper
 135 {
 136         width: 704px;
 137         background: white url(images/bgcontainer01.gif) repeat-y;
 138         margin: auto;
 139 }
 140
 141 /*-------------------------------------------------
 142   Main content
 143 -------------------------------------------------*/
 144 #container
 145 {
 146         width: 704px;
 147         height: 1%;
 148         overflow: visible;
 149         float: right;
 150         padding: 4px 0 0 0;
 151         margin-left: -204px;
 152 }
 153 .content
 154 {
 155         padding: 0;
 156         margin: 7px 20px 30px 224px;
 157 }
 158
 159 /*-------------------------------------------------
 160   Item styles
 161 -------------------------------------------------*/
 162 .contenttitle h2
 163 {
 164         clear: both;
 165         background: url(images/dot.gif) bottom repeat-x;
 166         font-size: 18px;
 167         padding: 0 0 6px 0;
 168         margin: 0;
 169 }
 170 .contentbody
 171 {
 172         font-size:13px;
 173         text-align: justify;
 174         padding: 0 0 16px 0;
 175 }
 176
 177 /*-------------------------------------------------
 178   Item info
 179 -------------------------------------------------*/
 180 .contentitemcategory
 181 {
 182         background: url(images/bgcategory.gif) center left no-repeat;
 183         font-size: 10px;
 184         line-height: 12px;
 185         padding: 0 10px 0 14px;
 186 }
 187 .contentitempostedby
 188 {
 189         background: url(images/bgpostedby.gif) center left no-repeat;
 190         font-size: 10px;
 191         line-height: 12px;
 192         padding: 0 10px 0 12px;
 193 }
 194 .contentitemcomments
 195 {
 196         background: url(images/bgcomment.gif) center left no-repeat;
 197         font-size: 10px;
 198         line-height: 12px;
 199         padding: 0 10px 0 13px;
 200 }
 201 .contentitemedit
 202 {
 203         background: url(images/bgedit.gif) center left no-repeat;
 204         font-size: 10px;
 205         line-height: 12px;
 206         padding: 0 10px 0 11px;
 207 }
 208 .contentitem
 209 {
 210         padding: 3px 0 0 0;
 211         margin: 0 0 16px 0;
 212 }
 213 .contentitem1
 214 {
 215         display: inline;
 216 }
 217 .contentitem2
 218 {
 219         display: inline;
 220         background: url(images/dotv.gif) left repeat-y;
 221         padding: 0 0 0 10px;
 222 }
 223 .contentitem3
 224 {
 225         display: inline;
 226         background: url(images/dotv.gif) left repeat-y;
 227         padding: 0 0 0 10px;
 228 }
 229 .contentitem4
 230 {
 231         display: inline;
 232         padding: 0 0 0 10px;
 233         background: url(images/dotv.gif) left repeat-y;
 234 }
 235
 236 /*-------------------------------------------------
 237   Comments
 238 -------------------------------------------------*/
 239 .itemcomment
 240 {
 241         background: url(images/commentquote01.gif) no-repeat;
 242         background-position: 6px 9px;
 243         padding: 6px 42px;
 244         border: 1px solid white;
 245         margin: 10px 0 0 0;
 246 }
 247 .itemcomment:hover
 248 {
 249         background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
 250         background-position: 6px 9px;
 251         border: 1px solid #CCCCCC;
 252 }
 253 .id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
 254 {
 255         background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
 256         background-position: 6px 9px;
 257         border: 1px solid #B3C492;
 258 }
 259 .id1:hover
 260 {
 261         background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
 262         background-position: 6px 9px;
 263         border: 1px solid #B3C492;
 264 }
 265 .itemcomment h3
 266 {
 267         font-size: 12px;
 268 }
 269
 270 /*-------------------------------------------------
 271   Menu
 272 -------------------------------------------------*/
 273 #sidebarcontainer
 274 {
 275         float: left;
 276         width: 204px;
 277         padding: 2px 0 0 0;
 278 }
 279 .sidebar
 280 {
 281         color: #21262A;
 282         margin: 0 0 4px 6px;
 283 }
 284
 285 /* Menu lists */
 286 .sidebardl
 287 {
 288         padding: 0 0 10px 0;
 289         margin: 0;
 290 }
 291 .sidebardl dt
 292 {
 293         background: #E5E5E5 url(images/sidetitlebg.gif);
 294         color: #3A3523;
 295         font-size: 12px;
 296         font-weight: bold;
 297         font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
 298         padding: 4px 10px;
 299 }
 300 .sidebardl dd
 301 {
 302         background: #EEEEEE;
 303         padding: 2px 10px;
 304         margin: 1px 0 0 0;
 305 }
 306 .sidebardl dd:hover
 307 {
 308         background: #E7E7E7;
 309         padding: 2px 10px;
 310         margin: 1px 0 0 0;
 311 }
 312 .sidebardl dd a:link, .sidebardl dd a:visited
 313 {
 314         background: url(images/arrow.gif) left center no-repeat;
 315         padding: 0 0 0 10px;
 316 }
 317
 318 /*-------------------------------------------------
 319   Footer
 320 -------------------------------------------------*/
 321 #footer
 322 {
 323         width: 704px;
 324         background: #FCD21B;
 325         text-align: center;
 326         padding: 10px 0 10px 0;
 327         border-width: 0px 2px 2px 2px;
 328         border-style: solid;
 329         border-color: #E0E0E0;
 330         margin: 0 auto;
 331 }
 332
 333 #copyrights
 334 {
 335         color: #474747;
 336 }
 337
 338 /*-------------------------------------------------
 339   Forms
 340 -------------------------------------------------*/
 341 .loginform, .searchform
 342 {
 343         margin: 5px 0;
 344 }
 345 .commentform, .mailform
 346 {
 347         margin-top: 10px;
 348         padding: 10px;
 349         background: #EEEEEE;
 350         /* Rounded borders, for Mozilla browsers */
 351         /* -moz-border-radius: 10px; */
 352 }
 353 .commentform img{
 354         margin: 5px 0 0 0;
 355 }
 356 .formfield {
 357         display:block;
 358         font-size: 11px;
 359         background: white;
 360         color: #494949;
 361         border-top: 1px solid #868686;
 362         border-left: 1px solid #868686;
 363         border-bottom: 1px solid #D4D2CF;
 364         border-right: 1px solid #D4D2CF;
 365         margin: 1px 0 0 0;
 366 }
 367 .formbutton
 368 {
 369         font-size: 11px;
 370         background: white;
 371         color: #494949;
 372         border-top: 1px solid #D4D2CF;
 373         border-left: 1px solid #D4D2CF;
 374         border-bottom: 1px solid #868686;
 375         border-right: 1px solid #868686;
 376         margin: 1px 0 0 0;
 377 }
 378 .commentform .formfield, .commentform .formbutton, .loginform .formbutton {
 379         display: block;
 380 }
 381 .searchform .formfield
 382 {
 383         width: 130px;
 384         font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
 385         padding: 2px 0;
 386         margin: 0 2px 2px 0;
 387 }
 388 .searchform .formbutton
 389 {
 390         width: 60px;
 391         font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
 392         padding: 2px 2px;
 393 }
 394 .loginform .formfield
 395 {
 396         width: 130px;
 397         font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
 398         padding: 2px 0;
 399         margin: 0 2px 2px 0;
 400 }
 401 .loginform .formbutton
 402 {
 403         width: 60px;
 404         font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
 405         padding: 2px 2px;
 406 }
 407 .mainform .formfield
 408 {
 409         width: 280px;
 410         font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
 411         padding: 2px 0;
 412         margin: 0 2px 2px 0;
 413 }
 414 .mailform .formbutton
 415 {
 416         width: 100px;
 417         font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
 418         padding: 2px 2px;
 419 }
 420 #nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email
 421 {
 422         width: 300px;
 423         margin-right: 105px;
 424         font-family: Arial, Trebuchet MS, Verdana, sans-serif;
 425 }
 426 .commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
 427 {
 428         width: 300px;
 429 }
 430 .commentform .formbutton
 431 {
 432         width: 100px;
 433         height: 22px;
 434         font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
 435 }
 436 .error
 437 {
 438         color: red;
 439         font-weight: bold;
 440 }
 441
 442 /*-------------------------------------------------
 443   Miscelaneous
 444 -------------------------------------------------*/
 445 /* VBlog image onion skin shadow - From AListApart.com*/
 446 .wrap1, .wrap2, .wrap3
 447 {
 448         display:inline-table;
 449         /* \*/display:block;/**/
 450 }
 451 .wrap1
 452 {
 453         float:left;
 454         background:url(images/shadow.gif) right bottom no-repeat;
 455         margin: 0 5px 3px 0;
 456 }
 457 .wrap2
 458 {
 459         background:url(images/corner_br.gif) left bottom no-repeat;
 460 }
 461 .wrap3
 462 {
 463         background:url(images/corner_tr.gif) right top no-repeat;
 464         padding:0 5px 5px 0;
 465 }
 466 .wrap3 img
 467 {
 468         display:block;
 469         border: 3px solid white;
 470 }
 471
 472 /* Search highlight color */
 473 .highlight
 474 {
 475         background: #DEFFA9;
 476 }
 477
 478 /* Leftbox and Rightbox toolbar buttons */
 479 .leftbox, .rightbox {
 480         margin: 3px;
 481         padding: 3px;
 482         font-size: larger;
 483         width: 20%;
 484 }
 485 .leftbox {
 486         float: left;
 487         border-right: 2px solid #ccc;
 488 }
 489 .rightbox {
 490         float: right;
 491         border-left: 2px solid #ccc;
 492 }