Difference between revisions of "User:Dirk Bastion/sarna.css"
Dirk Bastion (talk | contribs) m |
Dirk Bastion (talk | contribs) m |
||
Line 89: | Line 89: | ||
--> | --> | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.infobox { | .infobox { | ||
Line 117: | Line 99: | ||
-moz-box-shadow: 0 1px 1px #ccc; | -moz-box-shadow: 0 1px 1px #ccc; | ||
box-shadow: 0 1px 1px #ccc; | box-shadow: 0 1px 1px #ccc; | ||
+ | } | ||
+ | |||
+ | .infobox tr:hover { | ||
+ | background: #fbf8e9; | ||
+ | -o-transition: all 0.1s ease-in-out; | ||
+ | -webkit-transition: all 0.1s ease-in-out; | ||
+ | -moz-transition: all 0.1s ease-in-out; | ||
+ | -ms-transition: all 0.1s ease-in-out; | ||
+ | transition: all 0.1s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .infobox td, .infobox th { | ||
+ | border-left: 1px solid #ccc; | ||
+ | border-top: 1px solid #ccc; | ||
+ | padding: 10px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .infobox th { | ||
+ | background-color: #dce9f9; | ||
+ | <!--background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9)); | ||
+ | background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9); | ||
+ | background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9); | ||
+ | background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9); | ||
+ | background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9); | ||
+ | background-image: linear-gradient(top, #ebf3fc, #dce9f9);--> | ||
+ | -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; | ||
+ | -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; | ||
+ | box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; | ||
+ | border-top: none; | ||
+ | text-shadow: 0 1px 0 rgba(255,255,255,.5); | ||
+ | } | ||
+ | |||
+ | .infobox td:first-child, .bordered th:first-child { | ||
+ | border-left: none; | ||
+ | } | ||
+ | |||
+ | .infobox th:first-child { | ||
+ | -moz-border-radius: 6px 0 0 0; | ||
+ | -webkit-border-radius: 6px 0 0 0; | ||
+ | border-radius: 6px 0 0 0; | ||
+ | } | ||
+ | |||
+ | .infobox th:last-child { | ||
+ | -moz-border-radius: 0 6px 0 0; | ||
+ | -webkit-border-radius: 0 6px 0 0; | ||
+ | border-radius: 0 6px 0 0; | ||
+ | } | ||
+ | |||
+ | .infobox th:only-child{ | ||
+ | -moz-border-radius: 6px 6px 0 0; | ||
+ | -webkit-border-radius: 6px 6px 0 0; | ||
+ | border-radius: 6px 6px 0 0; | ||
+ | } | ||
+ | |||
+ | .infobox tr:last-child td:first-child { | ||
+ | -moz-border-radius: 0 0 0 6px; | ||
+ | -webkit-border-radius: 0 0 0 6px; | ||
+ | border-radius: 0 0 0 6px; | ||
+ | } | ||
+ | |||
+ | .infobox tr:last-child td:last-child { | ||
+ | -moz-border-radius: 0 0 6px 0; | ||
+ | -webkit-border-radius: 0 0 6px 0; | ||
+ | border-radius: 0 0 6px 0; | ||
} | } |
Revision as of 07:49, 3 April 2013
a,body,td,p,li,input,h1,h2,h3,h4,h5,dl,dd,html,div{font-family:Sansation;font-size:13px}
body{font-family:Sansation;margin:0;background-color:#ffffe0;color:black;overflow-x:hidden}
body {
background-color: #ECEFF2;
}
#content {
border: 1px solid #304E72;
}
<!-- Initial copy from Marik
body {
background-color: #F2EFF3;
}
#content {
border: 1px solid #6D4C78;
}
td.MainPageBG, body.page-Main_Page td.MainPageBG div table {
border: 2px solid #6D4C78 !important;
background-color: #F2EFF3 !important; /*Need to find a way to style banner table w/o styling child tables.*/
}
body.page-Main_Page td.MainPageBG div table {
background-color: #F2EFF3 !important; /*Need to find a way to style banner table w/o styling child tables.*/
}
.portlet h4 {
color: #fff;
}
.portlet h5 {
color: #fff;
background: #6D4C78;
}
.portlet h6 {
color: #fff;
}
#p-personal {
background-color: #6D4C78;
}
#p-personal .pBodyLeft {
color: #fff;
}
#p-personal li a {
color: #ffffff;
}
#p-cactions li {
border: 1px solid #CABECE;
}
#p-cactions li.selected {
border-color: #6D4C78;
}
#footer {
border-top: 1px solid #6D4C78;
border-bottom: 1px solid #6D4C78;
}
a.topbar, a.topbar:link, a.topbar:active, a.topbar:visited, a.topbar:hover {
color: #ffffff;
}
table.infobox {
border: 1px solid #BDAEC2;
}
table.infobox tr td.infoboxheading, table.infobox tr th.infoboxheading {
background: #E4DEE6;
border-color: #BDAEC2;
}
table.infobox tr.infoboxrow {
background: #F2EFF3;
}
table.infobox tr.infoboxrow td {
background: #F2EFF3;
border-top: 1px solid #BDAEC2;
border-bottom: 1px solid #BDAEC2;
}
table.infobox tr.infoboxrow td.bot {
border-bottom: 1px solid #BDAEC2;
}
table.infobox tr.infoboxrow td.top {
border-top: 1px solid #BDAEC2;
}
table#welcometable {
background-color: #F2EFF3;
border: 2px solid #6D4C78;
}
div#awardsboard {
background-color: #F2EFF3;
border: 2px solid #6D4C78;
}
div.gamerules {
background-color: #D7CEDA
}
-->
.infobox {
border: solid #ccc 1px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 1px #ccc;
-moz-box-shadow: 0 1px 1px #ccc;
box-shadow: 0 1px 1px #ccc;
}
.infobox tr:hover {
background: #fbf8e9;
-o-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.infobox td, .infobox th {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
padding: 10px;
text-align: left;
}
.infobox th {
background-color: #dce9f9;
<!--background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
background-image: linear-gradient(top, #ebf3fc, #dce9f9);-->
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
border-top: none;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.infobox td:first-child, .bordered th:first-child {
border-left: none;
}
.infobox th:first-child {
-moz-border-radius: 6px 0 0 0;
-webkit-border-radius: 6px 0 0 0;
border-radius: 6px 0 0 0;
}
.infobox th:last-child {
-moz-border-radius: 0 6px 0 0;
-webkit-border-radius: 0 6px 0 0;
border-radius: 0 6px 0 0;
}
.infobox th:only-child{
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.infobox tr:last-child td:first-child {
-moz-border-radius: 0 0 0 6px;
-webkit-border-radius: 0 0 0 6px;
border-radius: 0 0 0 6px;
}
.infobox tr:last-child td:last-child {
-moz-border-radius: 0 0 6px 0;
-webkit-border-radius: 0 0 6px 0;
border-radius: 0 0 6px 0;
}