[Summary view] [Print] [Text view]

   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  }