themes/default/main.css

   1         body {
   2                 background: #fff;
   3                 margin: 0;
   4                 font: 12px sans-serif;
   5                 }
   6                 #messages {
   7                 text-align: center;
   8                 padding: 5px;
   9                 font-weight: bold;
  10                 border-bottom: 3px solid black;
  11                 background: #eee;
  12                 }
  13         a {
  14                 color: #06C;
  15                 }
  16                 a:hover {
  17                         border-bottom: 1px dashed #06C;
  18                         }
  19         a.logout_link {
  20                 color: #CC0000;
  21                 }
  22         hr {
  23                 color: #999;
  24                 border: 1px dashed #999;
  25                 margin: 0 -9px 15px;
  26                 margin-bottom: 15px;
  27                 }
  28         h2 {
  29                 margin-top: -5px;
  30                 padding-top: 0;
  31                 font-variant: small-caps;
  32                 font-size: 2em;
  33                 color: #06C;
  34                 }
  35                 h2:first-letter {
  36                         font-size: 130%;
  37                         }
  38                 .admin #head_container h3 {
  39                         background: transparent;
  40                         font-size: 1em;
  41                         }
  42         .admin h3, .install h3 {
  43                 font-variant: small-caps;
  44                 color: #06C;
  45                 padding: 3px;
  46                 clear: both;
  47                 background: #eee;
  48                 }
  49                 /* TABLE ELEMENTS */
  50                 .admin table {
  51                         border-collapse: collapse;
  52                         font-size: .5px;
  53                         padding: 5px;
  54                         border: 1px solid #999;
  55                         }
  56                 .admin tr:hover {
  57                         background: #eee;
  58                         }
  59                 .admin tr.toprow {
  60                         cursor: default;
  61                         background: #999;
  62                         color: #fff;
  63                         }
  64                 .admin td.noresults {
  65                         background: #eee;
  66                         text-align: center;
  67                         }
  68                 td {
  69                         font: caption;
  70                         height: 30px;
  71                         }
  72                 .admin td.checkbox {
  73                         cursor: default;
  74                         }
  75                 .admin tr.toprow a {
  76                         color: #fff !important;
  77                         }
  78                         .admin .row_icon {
  79                                 display: none;
  80                                 margin: 0 2px;
  81                                 }
  82                                 tr:hover .row_icon {
  83                                         display: inline;
  84                                         float: right;
  85                                         }
  86                 /* END TABLE ELEMENTS */
  87         .success {
  88                 border: 2px dashed green;
  89                 border-width: 2px 0 2px 0;
  90                 background: #AFEDAF url("images/success.png") no-repeat 7px 50%;
  91                 margin: 0 -9px 10px;
  92                 padding: 10px 0 10px 30px;
  93                 clear: right;
  94                 }
  95         .warning {
  96                 border: 2px dashed red;
  97                 border-width: 2px 0 2px 0;
  98                 background: #EDA19C url("images/notice.png") no-repeat 7px 50%;
  99                 margin: 0 -9px 10px;
 100                 padding: 10px 0 10px 30px;
 101                 clear: right;
 102                 }
 103                 .warning_new_article {
 104                         clear: none;
 105                         width: 80%;
 106                         border-right-width: 2px;
 107                         }
 108                 html .login .warning_login {
 109                         border-left-width: 0;
 110                         }
 111
 112                 .warning li, .warning li {
 113                         margin-left: 30px;
 114                         }
 115                 .login .warning {
 116                         border: 2px dashed red;
 117                         background: #EDA19C url("images/notice.png") no-repeat 7px 50%;
 118                         width: 75%;
 119                         clear: none;
 120                         margin-bottom: 10px;
 121                         padding: 10px 0 10px 30px;
 122                         }
 123                 .delete_notice_link {
 124                         float: right;
 125                         margin: 0 10px 10px;
 126                         }
 127         .negative {
 128                 color: red;
 129                 font-weight: bold;
 130                 }
 131         .positive {
 132                 color: green;
 133                 }
 134         .section_desc {
 135                 text-align: right;
 136                 }
 137         .icon {
 138                 float: right;
 139                 padding: 4px;
 140                 }
 141         .global_message {
 142                 border: 2px dashed #0066CC;
 143                 border-width: 2px 0 2px 0;
 144                 color: #333;
 145                 background: #9EB9D5 url("images/news.png") no-repeat 7px 50%;
 146                 padding: 10px 0 10px 30px;
 147                 margin: 0 -9px 10px;
 148                 }
 149         .global_message_link {
 150                 float: right;
 151                 margin: 0 10px 10px;
 152                 }
 153         #head_container {
 154                 background: #666 url("images/tgrad.png");
 155                 height: 50px;
 156                 min-width: 890px;
 157                 padding: 5px 1.5% 15px;
 158                 border-bottom: 4px solid white;
 159                 color: white;
 160                 }
 161                 #head_container h1 {
 162                         font-size: 4em;
 163                         color: white;
 164                         margin: 0 0 0 0px;
 165                         width: 325px;
 166                         height: 80px;
 167                         }
 168                         #head_container h1 a {
 169                                 color: white;
 170                                 }
 171                         #head_container h1 a:hover {
 172                                 border-bottom: 0;
 173                                 }
 174                 .admin #head_container h3 {
 175                         color: #999;
 176                         border-bottom: 0;
 177                         font-size: 3em;
 178                         font-weight: normal;
 179                         text-align: right;
 180                         margin-top: -60px;
 181                         margin-bottom: 0;
 182                         float: right;
 183                         }
 184         #main_container {
 185                 background: #fff url("images/mgrad.png") repeat-x;
 186                 min-width: 890px;
 187                 padding: 0 1.5% 0;
 188                 }
 189                 #tabs {
 190                         margin-top: -53px;
 191                         float: right;
 192                         }
 193                         #tabs ul {
 194                                 margin: 0;
 195                                 padding: 10px 0px 0 50px;
 196                                 list-style: none;
 197                                 }
 198                                 #tabs #top_nav {
 199                                         position: absolute;
 200                                         top: 0;
 201                                         right: 1.5%;
 202                                         padding: 0;
 203                                         }
 204                                 #tabs ul li {
 205                                         display: inline;
 206                                         margin: 0;
 207                                         padding: 0;
 208                                         }
 209                                         #tabs ul li a {
 210                                                 float: left;
 211                                                 background: url("images/tableft.gif") no-repeat left top;
 212                                                 margin: 0;
 213                                                 padding: 0 0 0 4px;
 214                                                 text-decoration: none;
 215                                                 }
 216                                                 #tabs #top_nav li a {
 217                                                         background: url("images/tableft_top.gif") no-repeat left bottom;
 218                                                         }
 219                                         #tabs a:hover {
 220                                                 border-bottom: 0;
 221                                                 }
 222                                                 #tabs a span {
 223                                                         float: left;
 224                                                         display: block;
 225                                                         background: url("images/tabright.gif") no-repeat right top;
 226                                                         padding: 5px 15px 4px 6px;
 227                                                         color: #333;
 228                                                         }
 229                                                         #tabs #top_nav a span {
 230                                                                 background: url("images/tabright_top.gif") no-repeat right bottom;
 231                                                                 color: white;
 232                                                                 }
 233                                                 /* Commented Backslash Hack hides rule from IE5-Mac \*/
 234                                                 #tabs a span { float: none; }
 235                                                 /* End IE5-Mac hack */
 236                                                 #tabs a:hover span {
 237                                                         color:#333;
 238                                                         }
 239                                                 #tabs a:hover {
 240                                                         background-position:0% -42px;
 241                                                         }
 242                                                 #tabs a:hover span {
 243                                                         background-position:100% -42px;
 244                                                         }
 245                                                 #tabs a.current {
 246                                                         background-position:0% -42px;
 247                                                         }
 248                                                         #tabs a.current span {
 249                                                                 background-position: 100% -42px;
 250                                                                 }
 251                 #main_content {
 252                         padding: 9px;
 253                         background: white url("images/mgrad.png") repeat-x 0 -130px;
 254                         border: 1px solid #999;
 255                         border-top: 0;
 256                         border-bottom: 2px solid #999;
 257                         }
 258                         #main_content p, ul, ol {
 259                                 line-height: 1.6em;
 260                                 }
 261                          h4 {
 262                                 padding: 4px;
 263                                 padding-left: 40px;
 264                                 border-bottom: 1px solid #999;
 265                                 }
 266                         #columnright {
 267                                 width: 390px;
 268                                 margin-top: -14px;
 269                                 float: right;
 270                         }
 271         #copyright {
 272                 padding: 0 2.4% 0;
 273                 color: #999;
 274                 min-width: 890px;
 275                 font-size: .9em;
 276                 margin: 5px auto 40px auto;
 277                 position: relative;
 278                 text-align: right;
 279                 }
 280                         .advanced {
 281                                 background-color: #eee;
 282                                 padding-top: 15px;
 283                                 padding-left: 5px;
 284                                 padding-bottom: 15px;
 285                                 margin-bottom: 2em;
 286                         }
 287                         .advanced_extended {
 288                                 background-color: #fff;
 289                                 padding-left: 0;
 290                                 }
 291                         div.advanced.last {
 292                                 border-bottom: 3px solid #999;
 293                         }
 294
 295         /* Form elements... */
 296         input {
 297         font: inherit;
 298         margin-left: 10px;
 299         margin-top: 3px;
 300         padding: 5px;
 301         }
 302         .login input[type=text], .login input[type=password] {
 303                 width: 400px;
 304                 }
 305                 .login .login_image {
 306                         margin: 20px;
 307                         }
 308         form h4 {
 309         margin-bottom: 0;
 310         padding: 3px 35px;
 311         font-variant: small-caps;
 312         color: #333;
 313         border-bottom: 3px solid #999;
 314         }
 315         .alignr {
 316                 margin-top: 15px;
 317                 padding-right: 20px;
 318                 margin-bottom: 0px;
 319                 text-align: right;
 320                 background: #eee;
 321                 border: 3px solid #999;
 322                 }
 323         button {
 324         font: inherit;
 325         margin: 0;
 326         padding: 5px;
 327         }
 328         button.activate {
 329                 margin-bottom: 15px;
 330                 }
 331         button.next {
 332                 padding-left: 20px;
 333                 background: #F6F6F5 url("images/next.png") 3px 6px no-repeat;
 334                 }
 335         button.previous {
 336                 padding-left: 20px;
 337                 background: #F6F6F5 url("images/previous.png") 3px 6px no-repeat;
 338                 }
 339
 340         .alignr input[type=submit] {
 341         margin-top: 10px;
 342         margin-bottom: 10px;
 343         }
 344         input#submit {
 345         font-weight: bold;
 346         padding-left: 20px;
 347         background: #F6F6F5 url("images/success.png") 3px 6px no-repeat;
 348         }
 349         .login input#submit {
 350         font-weight: bold;
 351         width: 100px;
 352         padding-left: 20px;
 353         background: #F6F6F5 url("images/success.png") 3px 6px no-repeat;
 354         }
 355         #title, #subtitle, #template_name, #template_desc, #category_name, #category_desc {
 356                 width: 400px;
 357                 }
 358         label {
 359                 font: inherit;
 360                 font-variant: small-caps;
 361                 font-weight: bold;
 362                 margin-top: 5px;
 363                 float: left;
 364                 width: 130px;
 365                 }
 366                 label.for_textarea {
 367                         display: block;
 368                         text-align: center;
 369                         margin: -35px 20px 0px auto;
 370                         background: #eee;
 371                         border: 1px solid #838485;
 372                         width: 340px;
 373                         padding: 10px;
 374                         border-bottom: none;
 375                         float: none;
 376                         }
 377                         label.for_textarea_alt {
 378                                 display: block;
 379                                 text-align: center;
 380                                 margin: 10px 20px 0px auto;
 381                                 background: #eee;
 382                                 border: 1px solid #838485;
 383                                 width: 340px;
 384                                 padding: 10px;
 385                                 border-bottom: none;
 386                                 float: none;
 387                                 }
 388                 .nofloat {
 389                         width: auto;
 390                 }
 391                 .clear {
 392                         clear: both;
 393                         }
 394                 .image_uploaded {
 395                         float: right;
 396                         width: 50%;
 397                         }
 398         select {
 399                 font: inherit;
 400                 padding: 5px;
 401                 margin-bottom: 5px;
 402                 width: auto;
 403                 margin-left: 10px;
 404                 }
 405                 select#category, select#categories {
 406                         width: 230px;
 407                         }
 408                 select.cat_navigation {
 409                         width: 100%;
 410                         margin-left: 0;
 411                         }
 412         textarea {
 413                 margin-left: -3px;
 414                 width: 100%;
 415                 height: 300px;
 416                 margin: 0;
 417                 }
 418                 textarea.code {
 419                         font-family: monospace;
 420                         }
 421         /* LOGIN classes */
 422         .login a, img {
 423                 border: 0;
 424                 border: 0;
 425                 }
 426         .login h3 {
 427                 background: transparent;
 428                 color: black;
 429                 }
 430                 .login #head_container .version_top:before {
 431                         content: "\000009 \2021";
 432                         font-size: 1em;
 433                         color: #666;
 434                         }
 435                         .login form {
 436                                 margin-top: -15px;
 437                                 }
 438                         .select_all_wrap {
 439                                 text-align: right;
 440                                 margin-bottom: 10px;
 441                                 border-bottom: 1px dotted #999;
 442                                 padding: 3px;
 443                                 }
 444
 445         /* Search elements */
 446
 447                                 .searchbox, .extended {
 448                                         color: #999;
 449                                         width: 400px;
 450                                         margin: 3px;
 451                                         padding: 6px;
 452                                 }
 453                                 .searchbutton {
 454                                         padding: 5px;
 455                                         margin: 3px;
 456                                         padding-left: 20px;
 457                                         background: #F6F6F5 url("images/search.png") 3px 6px no-repeat;
 458                                         }
 459                                 .searchbox:focus {
 460                                 color: black;
 461                                 }
 462                                 .searchelements {
 463                                 width: 100px;
 464                                 padding: 5px;
 465                                 margin: 3px;
 466                                 }