User:Emma/common.css: Difference between revisions
Jump to navigation
Jump to search
Want an adless experience? Log in or Create an account.
m (Blanked the page) |
m (Testing some code out.) |
||
Line 1: | Line 1: | ||
/* ************************************************** | |||
* Tab support based on http://www.alistapart.com/articles/slidingdoors/ | |||
* ************************************************** */ | |||
.tabs,.tabs-blue { | |||
float:left; | |||
width:100%; | |||
background:#DAE0D2 url("/images/3/3a/Tab-bg.gif") repeat-x bottom; | |||
font-size:93%; | |||
line-height:normal; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.tabs-blue { | |||
background:#CCCCFF url("/images/b/bb/SDbg.gif") repeat-x bottom; | |||
} | |||
.tabs ul,.tabs-blue ul { | |||
margin:0; | |||
padding:10px 10px 0; | |||
list-style:none; | |||
} | |||
.tabs li,.tabs-blue li { | |||
float:left; | |||
background:url("/images/1/11/Tab-left.gif") no-repeat left top; | |||
margin:0; | |||
padding:0 0 0 9px; | |||
} | |||
.tabs-blue li { | |||
background:url("/images/b/b7/SDleft.gif") no-repeat left top; | |||
} | |||
/* MediaWiki automatically removes links for the current page and surrounds it with <strong> tags instead */ | |||
.tabs a,.tabs-blue a,.tabs strong,.tabs-blue strong { | |||
float:left; | |||
display:block; | |||
background:url("/images/0/07/Tab-right.gif") no-repeat right top; | |||
padding:5px 15px 4px 6px; | |||
text-decoration:none; | |||
font-weight:bold; | |||
color:#765; | |||
} | |||
.tabs-blue a,.tabs-blue strong { | |||
background:url("/images/f/f8/SDright.gif") no-repeat right top; | |||
} | |||
/* Commented Backslash Hack | |||
hides rule from IE5-Mac \*/ | |||
.tabs a, .tabs-blue a {float:none;} | |||
/* End IE5-Mac hack */ | |||
.tabs a:hover, .tabs-blue a:hover { | |||
color:#333; | |||
} | |||
.tabs #current { | |||
background-image:url("/images/0/05/Tab-left_on.gif"); | |||
} | |||
.tabs-blue #current { | |||
background-image:url("/images/a/a5/SDleft_on.gif"); | |||
} | |||
.tabs #current a,.tabs #current strong,.tabs-blue #current a, .tabs-blue #current strong { | |||
background-image:url("/images/6/61/Tab-right_on.gif"); | |||
color:#333; | |||
padding-bottom:5px; | |||
} | |||
.tabs-blue #current a,.tabs-blue #current strong { | |||
background-image:url("/images/5/59/SDright_on.gif"); | |||
} | |||
.tabcontent { | |||
border: 1px dashed #aa9988; | |||
padding: 0em 1em 1em 1em; | |||
border-top: none; | |||
background-color:#ffffff; | |||
color:#000; | |||
clear: both; | |||
} | |||
.tabcontent #prevtab { | |||
float: left; | |||
margin-top: -1.5em; | |||
background-color: #DAE0D2; | |||
color: #000; | |||
padding: .2em .6em; | |||
font-size: 130%; | |||
border: 1px solid #765; | |||
} | |||
.tabcontent #nexttab { | |||
float: right; | |||
margin-top: -1.5em; | |||
background-color: #DAE0D2; | |||
color: #000; | |||
padding: .2em .6em; | |||
font-size: 130%; | |||
border: 1px solid #765; | |||
} |
Revision as of 07:45, January 16, 2012
/* ************************************************** * Tab support based on http://www.alistapart.com/articles/slidingdoors/ * ************************************************** */ .tabs,.tabs-blue { float:left; width:100%; background:#DAE0D2 url("/images/3/3a/Tab-bg.gif") repeat-x bottom; font-size:93%; line-height:normal; margin: 0; padding: 0; } .tabs-blue { background:#CCCCFF url("/images/b/bb/SDbg.gif") repeat-x bottom; } .tabs ul,.tabs-blue ul { margin:0; padding:10px 10px 0; list-style:none; } .tabs li,.tabs-blue li { float:left; background:url("/images/1/11/Tab-left.gif") no-repeat left top; margin:0; padding:0 0 0 9px; } .tabs-blue li { background:url("/images/b/b7/SDleft.gif") no-repeat left top; } /* MediaWiki automatically removes links for the current page and surrounds it with <strong> tags instead */ .tabs a,.tabs-blue a,.tabs strong,.tabs-blue strong { float:left; display:block; background:url("/images/0/07/Tab-right.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#765; } .tabs-blue a,.tabs-blue strong { background:url("/images/f/f8/SDright.gif") no-repeat right top; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .tabs a, .tabs-blue a {float:none;} /* End IE5-Mac hack */ .tabs a:hover, .tabs-blue a:hover { color:#333; } .tabs #current { background-image:url("/images/0/05/Tab-left_on.gif"); } .tabs-blue #current { background-image:url("/images/a/a5/SDleft_on.gif"); } .tabs #current a,.tabs #current strong,.tabs-blue #current a, .tabs-blue #current strong { background-image:url("/images/6/61/Tab-right_on.gif"); color:#333; padding-bottom:5px; } .tabs-blue #current a,.tabs-blue #current strong { background-image:url("/images/5/59/SDright_on.gif"); } .tabcontent { border: 1px dashed #aa9988; padding: 0em 1em 1em 1em; border-top: none; background-color:#ffffff; color:#000; clear: both; } .tabcontent #prevtab { float: left; margin-top: -1.5em; background-color: #DAE0D2; color: #000; padding: .2em .6em; font-size: 130%; border: 1px solid #765; } .tabcontent #nexttab { float: right; margin-top: -1.5em; background-color: #DAE0D2; color: #000; padding: .2em .6em; font-size: 130%; border: 1px solid #765; }