@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic);
body {
background-color: #f5f5f5;
background-image: url('https://bertball-images.s3.us-west-2.amazonaws.com/faerun/background2b.jpg');
background-attachment: fixed;
background-size: cover;
font-size: 13pt;
font-family: 'PT Serif', sans-serif;
color: hsl(33,60%,12%);
}
article#mainContent {
background: white url('http://www.bertball.com/img/fr_map_large_sepia_faded2.jpg') no-repeat fixed;
background-size: cover;
background-position: bottom left;
}
article#mainContent, #sidebarContent {
font-size: 13pt;
font-family: 'PT Serif', sans-serif;
/*color: #D6BD93;*/
color: hsl(33,60%,12%);
}
padding-left: 20px;
}
dt {
font-weight: bold;
}
td > p:first-of-type {
margin: 0;
}
h1, h2, h3, h4, dt {
}
h2 {
border-bottom: 1px solid black;
}
h1 { font-size: 200%; }
h2 { font-size: 175%; }
h3 { font-size: 150%; color: hsl(225,80%,30%); }
h4 { font-size: 125% }
article#mainContent a, #sidebarContent a {
color: hsl(225,80%,60%);
text-shadow: 0 0 5px rgba(12, 116, 223, 0.5);
-webkit-transition-property: text-shadow, color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
text-decoration: none;
}
article#mainContent a:hover, #sidebarContent a:hover {
color: hsl(225,90%,80%);
text-shadow: 0 0 5px rgb(77,230,255);
}
article#mainContent a.inactive, #sidebarContent a.inactive {
color: red;
}
article#mainContent a.empty:hover, #sidebarContent a.empty:hover {
color: rgb(255,230,77);
text-shadow: 0 0 5px rgb(255,230,77);
}
/*background: rgba(22,13,5,0.8);*/
background: none;
padding: 10px;
}
}
padding: 10px 0 0 10px;
border-bottom: 1px solid hsla(33,60%,12%,0.5);
margin-bottom: 10px;
}
table {
border-collapse: collapse;
}
table td, table th {
background: hsla(33,60%,30%,0.4);
vertical-align: top;
border: 1px solid #DF740C;
margin: 0;
padding: 2px 6px;
}
table th {
background: #243C53;
color: white;
text-align: left;
font-family: 'IM Fell DW Pica', serif;
font-weight: normal;
}
- content th a {
color: white;
}
table tr:nth-child(odd) td { background: hsla(33,60%,50%,0.4); }
float: right;
margin-left: 20px;
max-width: 40%;
}
- sidebarContent .right {
float: none;
margin-left: 0;
max-width: 100%;