defaria.com/blogs/styles/LCARS.css

   1 /* LCARS
   2    Stylesheet for http://jemimap.freeshell.org/moveabletype/
   3    based on MT's Clean.  Voyager LCARS colors taken from
   4    http://www.cbcn-online.com/archive/lcars/alt.startrek.lcars_main.html
   5
   6   Colors:
   7   #000000: black
   8   #FFCC99, FFCC66, CCCC99: yellows
   9   #FF9900: orange
  10   #FF9966: peach
  11   #CC6666: salmon
  12   #CC6699: dk. lavender
  13   #CC99CC: lavender
  14   #9999FF, 9999CC, 99CCFF: blue
  15
  16   Values: top right bottom left
  17 */
  18
  19         body {
  20                 margin: 0px 0px 20px 20px;
  21                 background: #000000;
  22                 color: #CCCCFF;
  23                 }
  24
  25         A               { color: #FFCC99; text-decoration: none; }
  26         A:link          { color: #FFCC66; text-decoration: none; }
  27         A:visited       { color: #FFCC99; text-decoration: none; }
  28         A:active        { color: #FF9966;  }
  29         A:hover         { color: #CC6666;
  30                           text-decoration: none;
  31                           padding-left: 3px;
  32                           padding-right: 3px;
  33                           border: 1px solid #CC6666;
  34                           -moz-border-radius: 10px;
  35                           }
  36
  37         h1, h2, h3 {
  38                 margin: 0px;
  39                 padding: 0px;
  40         }
  41
  42         #banner {
  43                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
  44                 color: #CCCC99;
  45                 font-size: large;
  46                 font-weight: normal;
  47                 text-transform: uppercase;
  48                 padding: 15px;
  49                 padding-left: 25px;
  50                 border-left: 30px solid #FFCC66;
  51                 border-bottom: 12px solid #FFCC66;
  52                 -moz-border-radius-bottomleft: 90px;
  53                 }
  54
  55         #banner a,
  56         #banner a:link,
  57         #banner a:visited,
  58         #banner a:active,
  59         #banner a:hover {
  60                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
  61                 color: #FFCC99;
  62                 font-size: x-large;
  63                 font-weight: lighter;
  64                 text-transform: uppercase;
  65                 letter-spacing: .2em;
  66                 padding: 0px;
  67                 text-decoration: none;
  68                 border: none;
  69                 }
  70
  71         .description {
  72                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
  73                 color: #CC99CC;
  74                 font-size: small;
  75                 text-transform: uppercase;
  76                 letter-spacing: .2em;
  77                 }
  78
  79         #content {
  80                 position: absolute;
  81                 background: #000000;
  82                 margin-right: 0px;
  83                 margin-left: 195px;
  84                 margin-bottom: 20px;
  85                 }
  86
  87         #container {
  88                 background: #000000;
  89                 }
  90
  91         #links {
  92                 margin-top: 25px;
  93                 padding-top: 10px;
  94                 padding-right: 30px;
  95                 width: 170px;
  96                 color: #CCCCFF;
  97                 }
  98
  99         #links A {color: #CCCCFF; text-transform: uppercase;}
 100         #links A:link {color: #CCCCFF; text-transform: uppercase;}
 101         #links A:visited {color: #9999CC; text-transform: uppercase;}
 102         #links A:active {color: #9999FF; text-transform: uppercase;}
 103         #links A:hover {color: #99CCFF;
 104                         text-decoration: none;
 105                         padding-left: 3px;
 106                         padding-right: 3px;
 107                         text-transform: uppercase;
 108                         border: 1px solid #99CCFF;
 109                         -moz-border-radius: 10px;
 110                         }
 111
 112         .blog {
 113                 padding-left: 0px;
 114                 padding-top: 20px;
 115                 padding-bottom: 5px;
 116                 background: #000000;
 117                 }
 118
 119         .blogbody {
 120                 font-family: Futura, Arial, "Trebuchet MS", sans-serif;
 121                 color: #FFFFCC;
 122                 font-size: small;
 123                 font-weight: normal;
 124                 background: #000000;
 125                 line-height: 200%;
 126                 padding-top: 10px;
 127                 padding-right: 10px;
 128                 padding-left: 15px;
 129                 border-left: 30px solid #9999CC;
 130                 border-top: 12px solid #9999CC;
 131                 -moz-border-radius-topleft: 70px;
 132                 }
 133
 134         .blogbody a,
 135         .blogbody a:link,
 136         .blogbody a:visited,
 137         .blogbody a:active {
 138                 font-weight: normal;
 139                 text-decoration: underline;
 140         }
 141         .blogbody a:hover {
 142                 font-weight: normal;
 143                 text-decoration: none;
 144         }
 145
 146         .title  {
 147                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 148                 font-size: medium;
 149                 font-weight: lighter;
 150                 text-transform: uppercase;
 151                 text-align: right;
 152                 padding-right: 10px;
 153                 color: #CC6666;
 154                 }
 155
 156         #menu {
 157                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 158                 font-size: medium;
 159                 font-weight: lighter;
 160                 text-transform: uppercase;
 161                 text-align: right;
 162                 padding-left: 35px;
 163                 padding-right: 10px;
 164                 color: #FFCC99;
 165                 margin-bottom: 0px;
 166                 text-align: left;
 167                 background: #000000;
 168                 }
 169
 170         .date   {
 171                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 172                 font-size: x-large;
 173                 font-weight: lighter;
 174                 letter-spacing: .2em;
 175                 color: #CCCCCC;
 176                 margin-bottom: 10px;
 177                 margin-top: 15px;
 178                 padding-right: 10px;
 179                 text-transform: uppercase;
 180                 text-align: right;
 181                 }
 182
 183         .posted {
 184                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 185                 font-size: small;
 186                 text-transform: uppercase;
 187                 color: #CC6666;
 188                 margin-bottom: 25px;
 189                 }
 190
 191         .posted A,
 192         .posted A:link,
 193         .posted A:visited,
 194         .posted A:active,
 195         .posted A:hover {text-decoration: none;}
 196
 197
 198         .side {
 199                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 200                 color: #FFCC99;
 201                 font-size: smaller;
 202                 font-weight: normal;
 203                 text-transform: uppercase;
 204                 background: #000000;
 205                 line-height: 140%;
 206                 padding: 2px;
 207                 padding-left: 10px;
 208                 margin-bottom: 20px;
 209                 }
 210
 211         .calendar {
 212                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 213                 font-size: x-small;
 214                 color: #FFCC99;
 215                 background: #000000;
 216                 line-height: 140%;
 217                 padding: 2px;
 218                 }
 219
 220         .sidetitle, .calendarhead {
 221                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 222                 font-size: small;
 223                 font-weight: normal;
 224                 padding: 2px;
 225                 margin-top: 10px;
 226                 margin-bottom: 10px;
 227                 letter-spacing: .3em;
 228                 color: #000000;
 229                 text-transform: uppercase;
 230                 text-align: center;
 231                 background: #CC99CC;
 232                 -moz-border-radius: 14px;
 233                 }
 234
 235         .syndicate {
 236                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 237                 font-size: small;
 238                 padding-right: 30px;
 239                 line-height: 140%;
 240                 padding: 2px;
 241                 padding-left: 10px;
 242                 margin-top: 15px;
 243                 color: #FFCC99;
 244                 background: #000000;
 245                 }
 246
 247         .powered {
 248                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 249                 color: #CC6666;
 250                 font-size: small;
 251                 line-height: 140%;
 252                 text-align: center;
 253                 text-transform: uppercase;
 254                 padding: 2px;
 255                 margin-top: 30px;
 256                 letter-spacing: .2em;
 257                 background: #000000;
 258                 border: 3px solid #CC6666;
 259                 -moz-border-radius: 50px;
 260                 }
 261
 262
 263         .comments-body {
 264                 font-family: Futura, Arial, "Trebuchet MS", sans-serif;
 265                 color: #FFFFCC;
 266                 font-size: small;
 267                 font-weight: normal;
 268                 background: #000000;
 269                 line-height: 140%;
 270                 padding: 10px 10px 5px 15px;
 271                 margin-bottom: 15px;
 272                 border-left: 25px solid #9999CC;
 273                 border-top: 10px solid #9999CC;
 274                 -moz-border-radius-topleft: 40px;
 275                 }
 276
 277         .comments-post {
 278                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 279                 color: #CC6666;
 280                 font-size: small;
 281                 font-weight: normal;
 282                 text-transform: uppercase;
 283                 background: #000000;
 284                 }
 285
 286
 287         .trackback-url {
 288                 font-family: Futura, Arial, "Trebuchet MS", sans-serif;
 289                 color: #CC6666;
 290                 font-size: small;
 291                 font-weight: normal;
 292                 background: #000000;
 293                 line-height: 140%;
 294                 padding: 5px 10px 5px 20px;
 295                 text-align: right;
 296                 }
 297
 298
 299         .trackback-body {
 300                 font-family: Futura, Arial, "Trebuchet MS", sans-serif;
 301                 color: #FFFFCC;
 302                 font-size: small;
 303                 font-weight: normal;
 304                 background: #000000;
 305                 line-height: 140%;
 306                 padding: 10px 10px 5px 15px;
 307                 margin-bottom: 15px;
 308                 margin-top: 10px;
 309                 border-left: 25px solid #9999CC;
 310                 border-top: 10px solid #9999CC;
 311                 border-bottom: 10px solid #9999CC;
 312                 -moz-border-radius-topleft: 40px;
 313                 -moz-border-radius-bottomleft: 40px;
 314                 }
 315
 316         .trackback-post {
 317                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 318                 color: #CC6666;
 319                 font-size: small;
 320                 font-weight: normal;
 321                 text-transform: uppercase;
 322                 background: #000000;
 323                 }
 324
 325
 326         .comments-head  {
 327                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 328                 font-size: large;
 329                 font-weight: lighter;
 330                 color: #CCCCCC;
 331                 margin-top: 5px;
 332                 background: #000000;
 333                 text-transform: uppercase;
 334                 text-align: right;
 335                 letter-spacing: .1em;
 336                 margin-bottom: 5px;
 337                 padding-right: 5px;
 338                 }
 339
 340         #banner-commentspop {
 341                 font-family: "Futura Condensed", "Arial Narrow", Futura, Arial, "Trebuchet MS", sans-serif;
 342                 color: #FFCC99;
 343                 font-size: x-large;
 344                 font-weight: lighter;
 345                 text-transform: uppercase;
 346                 letter-spacing: .1em;
 347                 background: #000000;
 348                 padding: 10px 15px 15px 15px;
 349                 border-left: 25px solid #FFCC66;
 350                 border-bottom: 10px solid #FFCC66;
 351                 -moz-border-radius-bottomleft: 40px;
 352                 }
 353
 354