|
|
Line 1: |
Line 1: |
| body {
| | /*************[ Fancy tables ]****************/ |
| background-color: #f00 !important; | | |
| | table.fancy{ |
| | border: 1px #333 solid; |
| | background: #333; |
| | -moz-background-clip: initial; |
| | -moz-background-origin: initial; |
| | -moz-background-inline-policy: initial; |
| | -moz-border-radius: 1em; |
| | -webkit-border-radius: 1em; |
| | border-radius: 1em; |
| | width: 200; |
| | margin-top: -1.4em; |
| | margin: 0 0 1em 1em; |
| | font-family: Arial, Helvetica, sans-serif; |
| | font-size: 12px; |
| | color: #ffffff; |
| | } |
| | |
| | table.fancy td{ |
| | background: #222; |
| | padding-left:6px; |
| | padding-right:6px; |
| | color: #ccc; |
| | text-align:center; |
| | } |
| | |
| | table.fancy td.left { |
| | text-align: left; |
| | } |
| | |
| | table.fancy td.right { |
| | text-align: right; |
| | } |
| | |
| | table.fancy td.head{ |
| | -moz-border-radius-topleft: 1em; |
| | -moz-border-radius-topright: 1em; |
| | -webkit-border-top-right-radius: 1em; |
| | -webkit-border-top-left-radius: 1em; |
| | border-top-right-radius: 1em; |
| | border-top-left-radius: 1em; |
| | text-align: center; |
| | color: #ffffff; |
| | font-variant:small-caps; |
| | font-size:larger; |
| | background-color: #444; |
| | text-align:center; |
| | } |
| | |
| | table.fancy td.foot{ |
| | -moz-border-radius-bottomleft: 1em; |
| | -moz-border-radius-bottomright: 1em; |
| | -webkit-border-bottom-right-radius: 1em; |
| | -webkit-border-bottom-left-radius: 1em; |
| | border-bottom-right-radius: 1em; |
| | border-bottom-left-radius: 1em; |
| | text-align: center; |
| | background-color: #444; |
| | color: #4FBD52; |
| | font-size:smaller; |
| | } |
| | |
| | table.fancy td.sub-head{ |
| | background: #333; |
| | color: #000; |
| | } |
| | |
| | table.fancy td.alt{ |
| | background: #2b2b2b; |
| | } |
| | |
| | table.fancy-green td.head, |
| | table.fancy-green td.foot{ |
| | background-color: #53855C; |
| | } |
| | |
| | table.fancy-green td.sub-head{ |
| | background: #334236; |
| | } |
| | |
| | table.rimage { |
| | float: right; |
| | position: relative; |
| | margin-left: 1em; |
| | margin-bottom: 1em; |
| | text-align: center; |
| | } |
| | .toccolours { |
| | border: 1px solid #333; |
| | background-color: #222; |
| | padding: 5px; |
| | font-size: 95%; |
| | } |
| | div.townBox { |
| | position: relative; |
| | float: right; |
| | background: white; |
| | margin-left: 1em; |
| | border: 1px solid gray; |
| | padding: .3em; |
| | width: 200px; |
| | overflow: hidden; |
| | clear: right; |
| | } |
| | div.townBox dl { |
| | padding: 0; |
| | margin: 0 0 .3em; |
| | font-size: 96%; |
| | } |
| | div.townBox dl dt { |
| | background: none; |
| | margin: .4em 0 0; |
| | } |
| | div.townBox dl dd { |
| | margin: .1em 0 0 1.1em; |
| | background-color: #f3f3f3; |
| | } |
| | |
| | |
| | /*********** [ templates ] ***************/ |
| | .infobox{ |
| | float:right; |
| | clear:right; |
| | margin: 0 0 .5em 1em; |
| | width:250px; |
| | background:#222; |
| | border-collapse:collapse; |
| | border:1px solid #333; |
| | font-size:smaller; |
| | line-height:1.5; |
| | border-radius: 1em; |
| | -moz-border-radius: 1em; |
| | -webkit-border-radius: 1em; |
| | position: relative; |
| | z-index: 2; |
| | } |
| | |
| | .tright, |
| | .tleft, |
| | table[align="left"], |
| | table[align="right"] { |
| | position: relative; |
| | z-index: 2; |
| | } |
| | |
| | .infobox .internal{ |
| | float:right; |
| | margin:0 0 0 0; |
| | width:100%; |
| | background:#333; |
| | border-collapse:collapse; |
| | } |
| | |
| | .infobox .image{ |
| | padding:0; |
| | } |
| | |
| | .infobox .name{ |
| | text-align:center; |
| | color:#ffffff; |
| | font-size: larger; |
| | } |
| | |
| | .infobox .head{ |
| | text-align:left; |
| | font-weight:normal; |
| | } |
| | |
| | .infobox .data{ |
| | spacing-top: 0px; |
| | spacing-bottom: 0px; |
| | vertical-align: middle; |
| | } |
| | |
| | .infobox .data td{ |
| | border-top: 1px solid #333; |
| | border-bottom: 1px solid #333; |
| | } |
| | |
| | .infobox .userboxes td{ |
| | padding: 0; |
| | } |
| | |
| | .infobox .plainlinks{ |
| | |
| | } |
| | |
| | .infobox-user{ |
| | |
| } | | } |
Revision as of 10:17, 28 July 2014
/*************[ Fancy tables ]****************/
table.fancy{
border: 1px #333 solid;
background: #333;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
width: 200;
margin-top: -1.4em;
margin: 0 0 1em 1em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
}
table.fancy td{
background: #222;
padding-left:6px;
padding-right:6px;
color: #ccc;
text-align:center;
}
table.fancy td.left {
text-align: left;
}
table.fancy td.right {
text-align: right;
}
table.fancy td.head{
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
-webkit-border-top-right-radius: 1em;
-webkit-border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-top-left-radius: 1em;
text-align: center;
color: #ffffff;
font-variant:small-caps;
font-size:larger;
background-color: #444;
text-align:center;
}
table.fancy td.foot{
-moz-border-radius-bottomleft: 1em;
-moz-border-radius-bottomright: 1em;
-webkit-border-bottom-right-radius: 1em;
-webkit-border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
border-bottom-left-radius: 1em;
text-align: center;
background-color: #444;
color: #4FBD52;
font-size:smaller;
}
table.fancy td.sub-head{
background: #333;
color: #000;
}
table.fancy td.alt{
background: #2b2b2b;
}
table.fancy-green td.head,
table.fancy-green td.foot{
background-color: #53855C;
}
table.fancy-green td.sub-head{
background: #334236;
}
table.rimage {
float: right;
position: relative;
margin-left: 1em;
margin-bottom: 1em;
text-align: center;
}
.toccolours {
border: 1px solid #333;
background-color: #222;
padding: 5px;
font-size: 95%;
}
div.townBox {
position: relative;
float: right;
background: white;
margin-left: 1em;
border: 1px solid gray;
padding: .3em;
width: 200px;
overflow: hidden;
clear: right;
}
div.townBox dl {
padding: 0;
margin: 0 0 .3em;
font-size: 96%;
}
div.townBox dl dt {
background: none;
margin: .4em 0 0;
}
div.townBox dl dd {
margin: .1em 0 0 1.1em;
background-color: #f3f3f3;
}
/*********** [ templates ] ***************/
.infobox{
float:right;
clear:right;
margin: 0 0 .5em 1em;
width:250px;
background:#222;
border-collapse:collapse;
border:1px solid #333;
font-size:smaller;
line-height:1.5;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
position: relative;
z-index: 2;
}
.tright,
.tleft,
table[align="left"],
table[align="right"] {
position: relative;
z-index: 2;
}
.infobox .internal{
float:right;
margin:0 0 0 0;
width:100%;
background:#333;
border-collapse:collapse;
}
.infobox .image{
padding:0;
}
.infobox .name{
text-align:center;
color:#ffffff;
font-size: larger;
}
.infobox .head{
text-align:left;
font-weight:normal;
}
.infobox .data{
spacing-top: 0px;
spacing-bottom: 0px;
vertical-align: middle;
}
.infobox .data td{
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}
.infobox .userboxes td{
padding: 0;
}
.infobox .plainlinks{
}
.infobox-user{
}