/************************************************************************ * cosmic.css * (a by-product of Dreamusic... oops!) * ---------------- * begin : Sunday, April 29, 2001 * copyright : (c)1998-2006 The Cosmic Kitchen * email : michael@cosmic-kitchen.org * * $Id: cosmic.css, v.4.1.19, 2006/01/29 - michael - Exp $ * * This program is free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation; either version 2 of the License, or * (at your option) any later version. * ************************************************************************/ /* backgrounds */ body {background-color: black;} .bgm {width:47%; background:url(/images/bg.title.jpg) repeat-x black;} /* headers and footers */ .soitc {color: #e121fd; font: bold italic 12pt times new roman;} .ckhead {color: #3366ff; font: bold 24pt times new roman;} .mmenu {color: cyan; font: bold 14pt times new roman;} /* index menu */ .cuphead {color: teal; font: bold 30pt times new roman;} .ckcuphead {color: magenta; font: bold 22pt times new roman;} .cbc-head {color: magenta; font: bold italic 20pt times new roman;} .songhead {font: bold italic 48px times new roman;} .songhead2 {color:magenta; font: bold italic 48px times new roman;} .jamhead0 {color:magenta; font: bold 22px verdana;} .jamhead1 {color:#3366ff; font: bold 22px verdana;} .jamhead2 {color:magenta; font: bold 17px verdana;} .jamhead3 {color:#3366ff; font: bold 17px verdana;} .twhite {color: white; font: 20pt arial;} /* Poem Title */ .title {color: magenta; font: bold 18pt times new roman;} /* bookshelf */ .author {color: cyan; font: bold italic 11pt times new roman;} /* */ .cuphead {color: teal; font: bold italic 30pt times new roman;} /* */ .cuphead2 {color: white; font: bold italic 30pt times new roman;} /* */ .cuphead3 {color: magenta; font: bold italic 30pt times new roman;} /* */ .cuphead4 {color: cyan; font: bold italic 30pt times new roman;} /* Bookshelf */ .td_nav {color:lime; font: bold 12px verdana;} .cp_title {color: magenta; font-size: 16pt; font-weight: bold; font-family: garamond, times new roman;} .mashlink {color: silver; font: 11pt arial; text-decoration:underline;} .main-mash {font-size: 14px; color: white; text-align:justify; font-family: arial, verdana;} .info-mash {font-size: 12px; color: cyan; text-align:justify; font-family: arial, verdana;} /* Page title and sub-title */ .maintitle, h1, .h1 {font-weight: bold; font-size: 22px; line-height: 120%; color: white; font-family: 'trebuchet ms', verdana; text-decoration: none;} .maintitle2, h2, .h2 {font-weight: bold; font-size: 18px; line-height: 120%; color: magenta; text-decoration: none; font-family: verdana, arial;} /* song title */ div.s30 {font: italic bold 30pt times new roman} div.s29 {font: italic bold 29pt times new roman} div.s28 {font: italic bold 28pt times new roman} div.s27 {font: italic bold 27pt times new roman} div.s26 {font: italic bold 26pt times new roman} /* artist */ div.a16 {font: bold 16pt times new roman;} div.a15 {font: bold 15pt times new roman;} div.a14 {font: bold 14pt times new roman;} /* Admin section (module) descriptions */ .descrip {font-size: 11px; color: white; text-align:justify; font-family: verdana, arial;} .descrip2 {font-size: 12px; color: white; text-align:justify; font-family: verdana, arial;} .descrip3 {font-size: 14px; color: lime; text-align:justify; font-family: verdana;} .descrip4 {font-size: 13px; color: magenta; text-align:justify; font-family: verdana;} a {text-decoration:none;} a:hover {text-decoration:underline;} /* General text */ .gen {font-size: 12px;} .genmed {font-size: 11px;} .gensmall {font-size: 10px;} .genB {font-size: 12px; font-weight: bold;} .genmedB {font-size: 11px; font-weight: bold;} .gensmallB {font-size: 10px; font-weight: bold;} .gen, .genmed, .gensmall, .genB, .genmedB, .gensmallB {color: white; font-family: verdana, arial;} a.gen, a.genmed, a.gensmall, a.genB, a.genmedB, a.gensmallB a.gen:active, a.genmed:active, a.gensmall:active, a.gen:visted, a.genmed:visted, a.gensmall:visted {color: cyan; text-decoration: none;} a.gen:hover, a.genmed:hover, a.gensmall:hover {color: #85f7c5; text-decoration: underline;} .p0l {color:lime; font:12px verdana;} .p0ll {color:#85f7c5; font:12px verdana;} .p0c {color:cyan; font:12px verdana;} .p0b {color:black; font:10px verdana;} .p1c {color:cyan; font: 9pt arial;} .p1l {color:lime; font: 9pt arial;} .p1m {color:magenta; font: 9pt arial;} .p1s {color:silver; font: 9pt arial;} .p1b {color:black; font: 9pt arial;} .p3s {color:silver; font:16px verdana;} .p3w {color:white; font:16px verdana;} .p3c {color:cyan; font:15px verdana;} .p3m {color:magenta; font:15px verdana;} .p3l {color:lime; font:12pt arial;} .a3w {color:white; font:12pt arial;} .p3 {color: cyan; font: bold 12pt times new roman;} /* index menu */ .p4 {color: magenta; font: bold 12pt times new roman;} .plime {color: teal; font: bold 11pt arial;} .p2 {color: cyan; font: bold 11pt times new roman;} .cuplink {color: white; font: 11pt arial;} .cuplink1 {color: gold; font: 11pt arial;} .p2c {color:cyan; font: 10pt arial;} .p1cj {color: cyan; font: 10pt arial; text-align:justify;} /* group art index */ .p2cj {color: cyan; font: 11pt arial; text-align:justify;} /* group art index */ .p1lj {color: lime; font: 10pt arial; text-align:justify;} /* group art index */ .p2c {color:cyan; font: 14px verdana;} /* jamroom sub-menu */ .p2l {color:lime; font: 14px verdana;} /* jamroom sub-menu */ .p2m {color:magenta; font: 14px verdana;} .p2s {color:silver; font: 14px verdana;} /* e-mail */ .p2w {color:white; font: 14px verdana;} .p1 {color: cyan; font: bold 10pt times new roman;} .b3b {font: bold 12pt times new roman;} /* song-text html */ /* tab comments */ .c2b {font: bold 10pt courier new;} /* tab */ .c1b {font: 8pt courier new;} /* tab */ p {text-align:justify; font: bold 12pt times new roman;} /* comments */ /* Hover-links */ a.p2c:hover, a.p3c:hover, a.p2l:hover, a.p1l:hover, a.p0l:hover, a.p3:hover, a.mmenu:hover, a.mess:hover, a.songartist:hover, a.songtitle:hover, a.postdetails:hover {color: #85f7c5;} a.p2w:hover, a.cuplink:hover {color: silver;} a.p2s:hover, a.p3s:hover, a.mainmenu:hover {color: white;} a.p2m:hover {color: cyan;} a.p3m:hover {color: #3366ff;} a.p1c:hover, a.p3w:hover {color: magenta;} /* message box links */ .mess {font: 12px lime; font-family: verdana, arial;} a.mess {color: lime;} /* bottom links */ .menu {font: 9pt verdana;} /* Song Artist */ .songartist {color:lime; font: 13px verdana;} a.songartist {color: lime;} .songpostpre {color: white; font: 12px courier new;} .songtitle {font: 13px cyan; font-family: verdana, arial;} a.songtitle {color: cyan;} .advstatus {color: white; font-weight: bold; font-size: 12px; letter-spacing: 1px; font-family: verdana;} /* Menu links top of page */ .mainmenu {font: 11px silver; font-family: verdana, arial;} a.mainmenu {color: silver;} /* Menu links side of jamroom page */ .jamhead2, .jamhead3 {font: bold 17px verdana;} a.jamhead2 {color: magenta;} a.jamhead3 {color: #3366ff;} a.jamhead2:hover, a.jamhead3:hover {color: #3366ff;} /* Forum title in index.php */ .forumlink {font-weight: bold; font-size: 13px; color: silver; font-family: verdana, arial;} a.forumlink {color: lime;} a.forumlink:hover {color: #85f7c5;} /* Forum category titles */ .cattitle {color: silver; font-weight: bold; font-size: 12px; letter-spacing: 1px; font-family: verdana, arial;} a.cattitle {color: white;} a.cattitle:hover {color: silver;} .topictitle {color: cyan; font-weight: bold; font-size: 12px; font-family: verdana, arial;} a.topictitle:link {color: cyan;} a.topictitle:visited {color: cyan;} a.topictitle:hover {color: #85f7c5;} /* Navigation text (Page 1,2,3 etc) and navigation bars in the forums */ .nav {font-weight: bold; font-size: 11px; color: white; font-family: verdana, arial;} a.nav {color: silver;} a.nav:hover {color: white;} /* Name of poster */ .name {font-size: 11px; color: white; font-family: verdana, arial;} a.name {color: white;} a.name:hover {color: silver;} .name2 {font-size: 10px; color: magenta; font-family: verdana, arial;} .nameadmin {font-size: 10px; color: #3366ff; font-family: verdana, arial;} .namemod {font-size: 10px; color: teal; font-family: verdana, arial;} /* Details in left-hand window of posts */ .postdetails {font-size: 10px; color: lime; font-family: verdana, arial;} /* The content of the posts (body of text) */ .postbody {font-size: 12px; font-family: verdana, arial;} a.postlink:link {color: silver;} a.postlink:visited {color: gray;} a.postlink:hover {color: white} .code {font-family: courier, 'courier new', sans-serif; font-size: 12px; background-color: #222222; border: #444444; color: orange; border-style: solid; border-width: 1px 1px 1px 1px;} .quote {font-family: verdana, arial; font-size: 11px; color: #444444; line-height: 125%; background-color: #444444; border: #d1d7dc; border-style: solid; border-width: 1px 1px 1px 1px;} .copyright {font-size: 10px; font-family: verdana, arial; color: cyan; letter-spacing: -1px;} a.copyright {color: cyan;} a.copyright:hover {color: #85f7c5;} .footermenu {color: magenta; font: 9pt verdana;} a.footermenu:hover {color: #3366ff; font: 9pt verdana;} .footer {color: #3366ff; font: 8pt arial;} a.footer:hover {color: #85f7c5; font: 8pt arial;} /* Outline surrounding the entire page */ .bodyline {background-color: #333333; border: 1px gray solid;} /* Outline surrounding the main forum tables */ .forumline {background-color: #333333; border: 2px gray solid;} .tableline {background-color: black; border: 1px lime solid;} /* Main table cell backgrounds */ td.row1 {background-color: #444444;} td.row2 {background-color: #333333;} td.row3 {background-color: #222222;} /* Table cell above the Topics, Post & Last Posts on the index.php page */ td.rowpic {background-color: black; background-image: url(/templates/cosmic/images/cellpic2.jpg); background-repeat: repeat-y;} /* Header cells (blue gradient) */ th {color: cyan; font-size: 11px; font-weight: bold; font-family: verdana, arial; background-color: #006699; height: 25px; background-image: url(/templates/cosmic/images/cellpic3.gif); background-repeat: repeat-x;} /* Header cells */ td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {background-image: url(/templates/cosmic/images/cellpic1.gif); height: 25px; background-color: #4d067c; border: #3366ff; border-style: solid; background-repeat: repeat-x;} /* Inner border control for table cells */ td.cat, td.catHead, td.catBottom {height: 29px; border-width: 0px 0px 0px 0px;} th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {font-weight: bold; border: #3366ff; border-style: solid; height: 25px;} td.row3Right, td.spaceRow {background-color: #3a1c6c; border: #8c05d9; border-style: solid;} th.thHead, td.catHead {font-size: 12px; border-width: 1px 1px 0px 1px;} th.thSides, td.catSides, td.spaceRow {border-width: 0px 1px 0px 1px;} th.thRight, td.catRight, td.row3Right {border-width: 0px 1px 0px 0px;} th.thLeft, td.catLeft {border-width: 0px 0px 0px 1px;} th.thBottom, td.catBottom {border-width: 0px 1px 1px 1px;} th.thTop {border-width: 1px 0px 0px 0px;} th.thCornerL {border-width: 1px 0px 0px 1px;} th.thCornerR {border-width: 1px 1px 0px 0px;} /* Form elements */ input, textarea, select, .select {color: black; border-color: white; font: normal 11px verdana, arial;} /* The text input fields background colour */ input.post, textarea.post, select {background-color: #feeeff;} /* Buttons used for bbCode styling in message post */ input.button {background-color: #ddddff; color: black; font-size: 11px; font-family: verdana, arial;} /* Main submit button */ input.mainoption {background-color: #fafafa; font-weight: bold;} /* Lesser submit button */ input.liteoption {background-color: #fafafa; font-weight: normal;} /* Rollover help line background in posting page (makes bg invisible, except NS4). */ .helpline {background-color: #dee3e7; border-style: none;} /* tab, chord & link colors */ .white {color: #ffffff;} .silver {color: #c0c0c0;} .tan {color: #e8d2b6;} .yellow {color: #ffff00;} .gold {color: gold;} .lime {color: #00ff00;} .green {color: #008000;} .teal {color: #008080;} .aqua, .mint {color: #85f7c5;} .cyan {color: #00ffff;} .skyblue, .medblue {color: #3366ff;} .blue {color: #0000ff;} .navy {color: #000080;} .purple {color: #800080;} .magenta {color: #ff00ff;} .lavender, .violet {color: #ee86fa;} .rose {color: #ff0080;} .pink {color: pink;} .red {color: #ff0000;} .maroon {color: #800000;} .orange {color: orange;} .grey {color: gray;} .black {color: #000000;} a.lime:hover, a.cyan:hover {color: #85f7c5;} a.magenta:hover, a.rose:hover {color: pink;} a.purple:hover {color: #ff00ff;} a.pink:hover {color: #ff0080;} a.black:hover, a.white:hover {color: #c0c0c0;} a.silver:hover, a.gold:hover {color: #ffffff;} a.orange:hover {color: gold;} /* Import styles for IE only (NS4.x doesn't use the @import function) */ @import url("/templates/cosmic/cosmicIE.css");