skins/default/default_right.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/bgcontainer02.gif) repeat-y right;
 138         margin: auto;
 139 }
 140
 141 /*-------------------------------------------------
 142   Main content
 143 -------------------------------------------------*/
 144 #container
 145 {
 146         width: 704px;
 147         height: 1%;
 148         overflow: visible;
 149         float: left;
 150         padding: 4px 0 0 0;
 151         margin-right: -204px;
 152 }
 153 .content
 154 {
 155         padding: 0;
 156         margin: 7px 224px 30px 20px;
 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: right;
 276         width: 204px;
 277         padding: 2px 0 0 0;
 278 }
 279 .sidebar
 280 {
 281         color: #21262A;
 282         margin: 0 6px 4px 0;
 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 {
 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 .searchform .formfield
 379 {
 380         width: 130px;
 381     font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
 382         padding: 2px 0;
 383         margin: 0 2px 2px 0;
 384 }
 385 .searchform .formbutton
 386 {
 387         width: 60px;
 388     font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
 389         padding: 2px 2px;
 390 }
 391 .loginform .formfield
 392 {
 393         width: 130px;
 394     font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
 395         padding: 2px 0;
 396         margin: 0 2px 2px 0;
 397 }
 398 .loginform .formbutton
 399 {
 400         width: 60px;
 401     font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
 402         padding: 2px 2px;
 403 }
 404 .mainform .formfield
 405 {
 406         width: 280px;
 407     font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
 408         padding: 2px 0;
 409         margin: 0 2px 2px 0;
 410 }
 411 .mailform .formbutton
 412 {
 413         width: 100px;
 414     font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
 415         padding: 2px 2px;
 416 }
 417 #nucleus_cf_name, #nucleus_cf_mail
 418 {
 419     width: 300px;
 420     margin-right: 105px;
 421     font-family: Arial, Trebuchet MS, Verdana, sans-serif;
 422 }
 423 .commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
 424 {
 425     width: 300px;
 426 }
 427 .commentform .formbutton
 428 {
 429         width: 100px;
 430         height: 22px;
 431     font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
 432 }
 433 .error
 434 {
 435         color: red;
 436         font-weight: bold;
 437 }
 438
 439
 440 /*-------------------------------------------------
 441   Miscelaneous
 442 -------------------------------------------------*/
 443 /* VBlog image onion skin shadow - From AListApart.com*/
 444 .wrap1, .wrap2, .wrap3
 445 {
 446         display:inline-table;
 447         /* \*/display:block;/**/
 448 }
 449 .wrap1
 450 {
 451         float:left;
 452         background:url(images/shadow.gif) right bottom no-repeat;
 453         margin: 0 5px 3px 0;
 454 }
 455 .wrap2
 456 {
 457         background:url(images/corner_br.gif) left bottom no-repeat;
 458 }
 459 .wrap3
 460 {
 461         background:url(images/corner_tr.gif) right top no-repeat;
 462         padding:0 5px 5px 0;
 463 }
 464 .wrap3 img
 465 {
 466         display:block;
 467         border: 3px solid white;
 468 }
 469
 470 /* Search highlight color */
 471 .highlight
 472 {
 473         background: #80ff80;
 474 }
 475
 476 /* Leftbox and Rightbox toolbar buttons */
 477 .leftbox, .rightbox {
 478         margin: 3px;
 479         padding: 3px;
 480         font-size: larger;
 481         width: 20%;
 482 }
 483 .leftbox {
 484         float: left;
 485         border-right: 2px solid #ccc;
 486 }
 487 .rightbox {
 488         float: right;
 489         border-left: 2px solid #ccc;
 490 }