utf8/skins/default/default_left.css

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