Header

From Tcsobdf

(Difference between revisions)
(better looking now)
Line 1: Line 1:
-
<style type="text/css">
+
/*
 +
<pre>
 +
*/
 +
#siteNotice {
 +
    padding-left: 4px;
 +
    font-style: italic;
 +
    font-weight: bold;
 +
    text-align: center;
 +
    color: white;
 +
    line-height: 85%;
 +
}
-
body {
+
div#catlinks {
-
  font-size: 12px;
+
-
font-family: Lucida Console, Arial
+
-
}
+
-
}
+
 +
    border: 1px solid #999999;
 +
    background-color: #000000;
 +
    color: inherit;
 +
    padding: 0;
 +
}
 +
p.catlinks {
 +
    padding: 7px;
 +
    margin: 2px;
 +
}
-
</style>
+
body {
 +
background-image: none;
 +
background-color: #3A3832;
 +
}
 +
 
 +
#bodyContent, #content, #footer {
 +
background-color: #000000;
 +
color: #FFFFFF;
 +
}
 +
 
 +
#bodyContent {
 +
        background: none;
 +
}
 +
 
 +
#content_withads {
 +
    background-color: #000000;
 +
}
 +
 
 +
#footer {
 +
  z-index: 200;
 +
}
 +
 
 +
#column-google {
 +
  z-index: 100;
 +
}
 +
 
 +
.pBody {
 +
background-color: #000000;
 +
color: #FFFFFF;
 +
}
 +
 
 +
#column-one { padding-top: 155px !important; }
 +
 
 +
h1, h2, h3, h4, h5, h6 { color: #FFFFFF; }
 +
a { color: #999999; }
 +
a:visited { color: #888888; }
 +
a:hover { text-decoration: underline; }
 +
a.new { color: red; }
 +
#bodyContent a.extiw, #bodyContent a.extiw:active { color: #999999; }
 +
#bodyContent a.extiw:visited { color: #888888; }
 +
#bodyContent a.external { color: #999999; }
 +
#bodyContent a.external:visited { color: #888888; }
 +
#bodyContent a.stub, #bodyContent a.stub:visited { color: #FF5500; }
 +
 
 +
h1 { border-bottom: 1px solid #aaaaaa; }
 +
 
 +
/*
 +
** älä poista välilyöntiä ^=, koska sen avulla piilotetaan homma Konqueror-selaajilta
 +
** CSS3:a, josta validointi ei tykkää
 +
*/
 +
#bodyContent a[href ^="http://"],
 +
#bodyContent a[href ^="gopher://"] {
 +
    background: url("/graphics/link_external.gif") center right no-repeat;
 +
}
 +
#bodyContent a[href ^="https://"],
 +
.link-https {
 +
    background: url("/graphics/link_secure.gif") center right no-repeat;
 +
    padding-right: 16px;
 +
}
 +
#bodyContent a[href ^="mailto:"],
 +
.link-mailto {
 +
    background: url("/graphics/link_mail.gif") center right no-repeat;
 +
}
 +
#bodyContent a[href ^="news://"],
 +
#bodyContent a[href ^="nntp://"] {
 +
    background: url("/graphics/link_news.gif") center right no-repeat;
 +
    padding-right: 15px !important;
 +
}
 +
#bodyContent a[href ^="ftp://"],
 +
.link-ftp {
 +
    background: url("/graphics/link_ftp.gif") center right no-repeat;
 +
    padding-right: 14px !important;
 +
}
 +
#bodyContent a[href ^="irc://"],
 +
#bodyContent a[href ^="aim://"],
 +
#bodyContent a[href ^="ichat://"],
 +
.link-irc {
 +
    background: url("/graphics/link_chat.gif")  center right no-repeat;
 +
}
 +
#bodyContent a[href ^="itms://"] {
 +
background: url("/graphics/link_itms.gif") center right no-repeat;
 +
padding-right: 14px !important;
 +
}
 +
#bodyContent a.extiw, #bodyContent a.extiw:active {
 +
    background: none;
 +
    padding: 0;
 +
}
 +
#bodyContent div.noicon a {
 +
background: none;
 +
padding: 0;
 +
}
 +
 
 +
.selected {
 +
background-color: #000000;
 +
color: #FFFFFF;
 +
border-color: #CCCCCC;
 +
}
 +
 
 +
#p-cactions ul li a {
 +
background-color: #000000;
 +
color: #FFFFFF;
 +
}
 +
 
 +
#p-cactions ul li a:hover {
 +
background-color: #000000;
 +
color: gray;
 +
}
 +
 
 +
#p-cactions li.selected a {
 +
background-color: #000000 !important;
 +
color: #DDD !important;
 +
}
 +
 
 +
pre {
 +
background-color: transparent;
 +
color: inherit;
 +
border: none;
 +
}
 +
 
 +
code {
 +
background-color: transparent;
 +
}
 +
 
 +
#footer {
 +
border-top: 1px solid #aaaaaa;
 +
border-bottom: 1px solid #aaaaaa;
 +
min-height: 39px;
 +
}
 +
 
 +
#p-personal {
 +
background-color: transparent;
 +
color: #999999;
 +
}
 +
 
 +
#p-personal a {
 +
color: #999999 !important;
 +
background-color: transparent;
 +
}
 +
 
 +
#p-personal a:hover { background-color: transparent !important; }
 +
 
 +
#pagehistory li { border: 1px solid #000000; }
 +
 
 +
#pagehistory li.selected {
 +
background-color: #222222;
 +
border: 1px dashed #aaaaaa;
 +
}
 +
 
 +
table.diff { background: #222222; }
 +
td.diff-otitle { background: #282828; }
 +
td.diff-ntitle { background: #282828; }
 +
 
 +
td.diff-addedline {
 +
font-size: smaller;
 +
background-color: #000033;
 +
}
 +
 
 +
td.diff-deletedline {
 +
font-size: smaller;
 +
background-color: #330000;
 +
}
 +
 
 +
td.diff-context {
 +
background: #282828;
 +
font-size: smaller;
 +
}
 +
 
 +
table.grey, table.wiki-sidebar, table.browser {
 +
border: 1px inset #999999;
 +
background-color: #2A2A2A;
 +
color: inherit;
 +
}
 +
 
 +
table.grey td {
 +
border: 1px outset #2A2A2A;
 +
}
 +
 
 +
table.grey tr th, table.grey thead tr th {
 +
color: inherit;
 +
background-color: #660000;
 +
border: 1px outset #660000;
 +
text-align: left;
 +
font-weight: bold;
 +
}
 +
 
 +
th {
 +
text-align: left;
 +
color: #FFFFFF;
 +
background-color: inherit;
 +
font-size: 106.25%;
 +
}
 +
 
 +
td.odd {
 +
background-color: #222222;
 +
border: 1px outset #222222;
 +
}
 +
td.even {
 +
border: 1px outset #000000;
 +
background-color: #000000;
 +
}
 +
table.wiki-sidebar {
 +
float: right;
 +
margin-left: 5px;
 +
width: 200px;
 +
}
 +
table.wiki-sidebar td {
 +
line-height: 130%;
 +
}
 +
table.wiki-sidebar td.odd {
 +
width: 35%;
 +
font-weight: bold;
 +
text-align: right;
 +
}
 +
table.browser {
 +
width: 100%;
 +
clear: both;
 +
}
 +
table.browser td {
 +
text-align: center;
 +
width: 33%;
 +
background: #2A2A2A;
 +
border: 1px outset #2A2A2A;
 +
line-height: 130%;
 +
}
 +
table.browser td.topic {
 +
background-color: #222222;
 +
border: 1px outset #222222;
 +
}
 +
 
 +
span.diffchange { color: red; }
 +
tr[bgcolor] td { color: black; }
 +
 
 +
#siteSub {
 +
display: none;
 +
}
 +
 
 +
#contentSub {
 +
color: #AAAAAA;
 +
}
 +
 
 +
table.mainpage {
 +
width: 100%;
 +
background-color: #282828;
 +
/*background-image: url(/graphics/tableborder.png);*/
 +
border: 1px inset #666666;
 +
}
 +
 
 +
table.mainpage tr td, table.mainpage tr th {
 +
padding: 4px;
 +
width: 33%;
 +
}
 +
 
 +
table.mainpage tr th {
 +
background: #660000;
 +
text-align: center;
 +
font-size: 1.2em;
 +
}
 +
 
 +
/*table.mainpage tr td ul li {
 +
        margin-left: -2.0em;
 +
}*/
 +
 
 +
caption {
 +
color: #FFFFFF;
 +
font-size: 1.2em;
 +
text-decoration: underline;
 +
}
 +
 
 +
div.header-notice, div.warning {
 +
width: 85%;
 +
margin: 1.0em auto 0.5em auto;
 +
padding: 5px;
 +
text-align: left;
 +
border: 1px inset #999999;
 +
background-color: #2A2A2A;
 +
color: #FFFFFF;
 +
line-height: 120%;
 +
}
 +
 
 +
div.warning {
 +
color: red !important;
 +
font-weight: bold;
 +
}
 +
 
 +
div.notice, div.usermessage {
 +
width: 65%;
 +
margin: 1.0em auto 0.5em auto;
 +
padding: 5px;
 +
text-align: center;
 +
border-style: dashed;
 +
border-width: 2px;
 +
border-color: red;
 +
background-color: #2A2A2A;
 +
color: #FFFFFF;
 +
line-height: 120%;
 +
}
 +
 
 +
div.header-notice#fa {
 +
width: auto;
 +
font-size: inherit !important;
 +
}
 +
 
 +
div.notice p, div.header-notice p, div.warning p {
 +
line-height: 120% !important;
 +
}
 +
 
 +
.floatright, .floatright span, .floatright a.image, .floatleft, .floatleft span, .floatleft a.image {
 +
background-color: transparent !important;
 +
border-color: transparent !important;
 +
}
 +
.thumb, .tright, .tleft {
 +
border: 1px inset #999999 !important;
 +
background-color: #2A2A2A !important;
 +
}
 +
 
 +
div.thumb div a img { border: none; }
 +
 
 +
div.thumb div { background-color: #2A2A2A !important; }
 +
table, td, tr {
 +
background-color: transparent;
 +
color: #FFFFFF;
 +
}
 +
td, th {
 +
vertical-align: top;
 +
}
 +
 
 +
div.fullImage {
 +
text-align: center;
 +
}
 +
 
 +
#toc {
 +
background-color: #2A2A2A;
 +
border: 1px inset #999999;
 +
}
 +
 
 +
#toc #toctitle { background-color: transparent; }
 +
 
 +
legend {
 +
background-color: #2A2A2A;
 +
border: 1px solid #2f6fab;
 +
color: #FFFFFF;
 +
}
 +
 
 +
fieldset { background-color: #2A2A2A; }
 +
 
 +
#preftoc li {
 +
background-color: transparent;
 +
border: 0px;
 +
}
 +
 
 +
#preftoc li a { color: #999999; }
 +
 
 +
#preftoc li.selected {
 +
border: 1px;
 +
background-color: #2A2A2A;
 +
}
 +
 
 +
ol ol { list-style-type: lower-latin; }
 +
 
 +
ol ol ol { list-style-type: lower-roman; }
 +
 
 +
li#pt-userpage {
 +
background: url("/graphics/user.gif") top left no-repeat !important;
 +
background-repeat: no-repeat;
 +
background-color: transparent !important;
 +
padding-left: 20px;
 +
text-transform: none;
 +
}
 +
 
 +
 
 +
table.gallery {
 +
border:  none;
 +
background-color: transparent;
 +
}
 +
 
 +
table.gallery td {
 +
background-color: transparent;
 +
border: none;
 +
}
 +
 
 +
div.gallerytext {
 +
        background-color: #222222;
 +
border: 1px outset #222222;
 +
}
 +
 
 +
div.gallerybox div.thumb {
 +
border: none;
 +
}
 +
 
 +
/*
 +
</pre>
 +
*/

Revision as of 20:04, 11 April 2008

/* 

*/
#siteNotice {
    padding-left: 4px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    color: white;
    line-height: 85%;
}

div#catlinks {

    border: 1px solid #999999;
    background-color: #000000;
    color: inherit;
    padding: 0;
}

p.catlinks {
     padding: 7px;
     margin: 2px;
} 

body {
	background-image: none;
	background-color: #3A3832;
}

#bodyContent, #content, #footer {
	background-color: #000000;
	color: #FFFFFF;
}

#bodyContent { 
        background: none; 
}

#content_withads {
     background-color: #000000;
}

#footer { 
   z-index: 200;
}

#column-google {
   z-index: 100;
}

.pBody {
	background-color: #000000;
	color: #FFFFFF;
}

#column-one { padding-top: 155px !important; }

h1, h2, h3, h4, h5, h6 { color: #FFFFFF; }
a { color: #999999; }
a:visited { color: #888888; }
a:hover { text-decoration: underline; }
a.new { color: red; }
#bodyContent a.extiw, #bodyContent a.extiw:active { color: #999999; }
#bodyContent a.extiw:visited { color: #888888; }
#bodyContent a.external { color: #999999; }
#bodyContent a.external:visited { color: #888888; }
#bodyContent a.stub, #bodyContent a.stub:visited { color: #FF5500; }

h1 { border-bottom: 1px solid #aaaaaa; }

/* 
** älä poista välilyöntiä ^=, koska sen avulla piilotetaan homma Konqueror-selaajilta
** CSS3:a, josta validointi ei tykkää
*/
#bodyContent a[href ^="http://"],
#bodyContent a[href ^="gopher://"] {
    background: url("/graphics/link_external.gif") center right no-repeat;
}
#bodyContent a[href ^="https://"],
.link-https {
    background: url("/graphics/link_secure.gif") center right no-repeat;
    padding-right: 16px;
}
#bodyContent a[href ^="mailto:"],
.link-mailto {
    background: url("/graphics/link_mail.gif") center right no-repeat;
}
#bodyContent a[href ^="news://"],
#bodyContent a[href ^="nntp://"] {
    background: url("/graphics/link_news.gif") center right no-repeat;
    padding-right: 15px !important;
}
#bodyContent a[href ^="ftp://"],
.link-ftp {
    background: url("/graphics/link_ftp.gif") center right no-repeat;
    padding-right: 14px !important;
}
#bodyContent a[href ^="irc://"],
#bodyContent a[href ^="aim://"],
#bodyContent a[href ^="ichat://"],
.link-irc {
    background: url("/graphics/link_chat.gif")  center right no-repeat;
}
#bodyContent a[href ^="itms://"] {
	background: url("/graphics/link_itms.gif") center right no-repeat;
	padding-right: 14px !important;
}
#bodyContent a.extiw, #bodyContent a.extiw:active {
    background: none;
    padding: 0;
}
#bodyContent div.noicon a {
	background: none;
	padding: 0;
}

.selected {
	background-color: #000000;
	color: #FFFFFF;
	border-color: #CCCCCC;
}

#p-cactions ul li a {
	background-color: #000000;
	color: #FFFFFF;
}

#p-cactions ul li a:hover {
	background-color: #000000;
	color: gray;
}

#p-cactions li.selected a {
	background-color: #000000 !important;
	color: #DDD !important;
}

pre {
	background-color: transparent;
	color: inherit;
	border: none;
}

code {
	background-color: transparent;
}

#footer {
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	min-height: 39px;
}

#p-personal {
	background-color: transparent;
	color: #999999;
}

#p-personal a {
	color: #999999 !important;
	background-color: transparent;
}

#p-personal a:hover { background-color: transparent !important; }

#pagehistory li { border: 1px solid #000000; }

#pagehistory li.selected {
	background-color: #222222;
	border: 1px dashed #aaaaaa;
}

table.diff { background: #222222; }
td.diff-otitle { background: #282828; }
td.diff-ntitle { background: #282828; }

td.diff-addedline {
	font-size: smaller;
	background-color: #000033;
}

td.diff-deletedline {
	font-size: smaller;
	background-color: #330000;
}

td.diff-context {
	background: #282828;
	font-size: smaller;
}

table.grey, table.wiki-sidebar, table.browser {
	border: 1px inset #999999;
	background-color: #2A2A2A;
	color: inherit;
}

table.grey td {
	border: 1px outset #2A2A2A;
}

table.grey tr th, table.grey thead tr th {
	color: inherit;
	background-color: #660000;
	border: 1px outset #660000;
	text-align: left;
	font-weight: bold;
}

th {
	text-align: left;
	color: #FFFFFF;
	background-color: inherit;
	font-size: 106.25%;
}

td.odd {
	background-color: #222222;
	border: 1px outset #222222;
}
td.even {
	border: 1px outset #000000;
	background-color: #000000;
}
table.wiki-sidebar {
	float: right;
	margin-left: 5px;
	width: 200px;
}
table.wiki-sidebar td {
	line-height: 130%;
}
table.wiki-sidebar td.odd {
	width: 35%;
	font-weight: bold;
	text-align: right;
}
table.browser {
	width: 100%;
	clear: both;
}
table.browser td {
	text-align: center;
	width: 33%;
	background: #2A2A2A;
	border: 1px outset #2A2A2A;
	line-height: 130%;
}
table.browser td.topic {
	background-color: #222222;
	border: 1px outset #222222; 
}

span.diffchange { color: red; }
tr[bgcolor] td { color: black; }

#siteSub {
	display: none;
}

#contentSub {
	color: #AAAAAA;
}

table.mainpage {
	width: 100%;
	background-color: #282828;
	/*background-image: url(/graphics/tableborder.png);*/
	border: 1px inset #666666;
}

table.mainpage tr td, table.mainpage tr th {
	padding: 4px;
	width: 33%;
}

table.mainpage tr th {
	background: #660000;
	text-align: center;
	font-size: 1.2em;
}

/*table.mainpage tr td ul li {
        margin-left: -2.0em;
}*/

caption {
	color: #FFFFFF;
	font-size: 1.2em;
	text-decoration: underline;
}

div.header-notice, div.warning {
	width: 85%;
	margin: 1.0em auto 0.5em auto;
	padding: 5px;
	text-align: left;
	border: 1px inset #999999;
	background-color: #2A2A2A;
	color: #FFFFFF;
	line-height: 120%;
}

div.warning {
	color: red !important;
	font-weight: bold;
}

div.notice, div.usermessage {
	width: 65%;
	margin: 1.0em auto 0.5em auto;
	padding: 5px;
	text-align: center;
	border-style: dashed;
	border-width: 2px;
	border-color: red;
	background-color: #2A2A2A;
	color: #FFFFFF;
	line-height: 120%;
}

div.header-notice#fa {
	width: auto;
	font-size: inherit !important;
}

div.notice p, div.header-notice p, div.warning p {
	line-height: 120% !important;
}

.floatright, .floatright span, .floatright a.image, .floatleft, .floatleft span, .floatleft a.image {
	background-color: transparent !important;
	border-color: transparent !important;
}
.thumb, .tright, .tleft {
	border: 1px inset #999999 !important;
	background-color: #2A2A2A !important;
}

div.thumb div a img { border: none; }

div.thumb div { background-color: #2A2A2A !important; }
table, td, tr {
	background-color: transparent;
	color: #FFFFFF;
}
td, th {
	vertical-align: top;
}

div.fullImage {
	text-align: center;
}

#toc {
	background-color: #2A2A2A;
	border: 1px inset #999999;
}

#toc #toctitle { background-color: transparent; }

legend {
	background-color: #2A2A2A;
	border: 1px solid #2f6fab;
	color: #FFFFFF;
}

fieldset { background-color: #2A2A2A; }

#preftoc li {
	background-color: transparent;
	border: 0px;
}

#preftoc li a { color: #999999; }

#preftoc li.selected {
	border: 1px;
	background-color: #2A2A2A;
}

ol ol { list-style-type: lower-latin; }

ol ol ol { list-style-type: lower-roman; }

li#pt-userpage {
	background: url("/graphics/user.gif") top left no-repeat !important;
	background-repeat: no-repeat;
	background-color: transparent !important;
	padding-left: 20px;
	text-transform: none;
}


table.gallery {
	border:  none;
	background-color: transparent;
}

table.gallery td {
	background-color: transparent;
	border: none;
}

div.gallerytext {
        background-color: #222222;
	border: 1px outset #222222;
}

div.gallerybox div.thumb {
	border: none;
}

/*
  • /
Retrieved from "http://editthis.info/tcsobdf/Header"
Personal tools