skins/default/default_left.css

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