107 lines
3.0 KiB
CSS
107 lines
3.0 KiB
CSS
/**
|
|
* Basic HTML element styles
|
|
*/
|
|
body { font-family:sans-serif; }
|
|
|
|
h2 { font-size:131%; margin:15px 0; color:#036; border-bottom:1px solid #bdbdbd}
|
|
h3 { font-size:123.1%; font-weight:bold; margin:.5em 0 .25em 0; }
|
|
h4 { font-size:100%; font-weight:bold; }
|
|
a { text-decoration:none; color:#06c; }
|
|
p { margin:0 .5em .5em .5em; }
|
|
|
|
table { margin:0 .5em .5em .5em; }
|
|
th { color:#333; font-weight:bold; font-size:90%; padding:0.25em; }
|
|
td { padding:.25em; }
|
|
thead th { text-align:left; }
|
|
tbody th { text-align:right; }
|
|
|
|
ul { list-style-type:none; margin-left:1em; padding:0; }
|
|
li { margin:0; }
|
|
|
|
fieldset { padding:.25em 0; }
|
|
legend { font-weight:bold; }
|
|
label { font-weight:bold; }
|
|
|
|
/**
|
|
* Base styles for buttons and button links
|
|
*/
|
|
button, .button {
|
|
border:1px solid black; border-radius:6px;
|
|
display:inline-block;
|
|
padding:0 10px;
|
|
font-weight:bold; color:black;
|
|
background: linear-gradient(to bottom, #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%);
|
|
}
|
|
|
|
/**
|
|
* Banner
|
|
*/
|
|
header {
|
|
color:#fff; background-color:#036; margin:0;
|
|
height:126px; background:url('images/banner.png') top left no-repeat;
|
|
}
|
|
header a { color:#fff; font-weight:bold; }
|
|
header h1 { margin:0 16px; font-size:110%; padding-top:90px; }
|
|
header div { margin:4px; }
|
|
header #location_name {
|
|
position:absolute; top:20px; left:8px;
|
|
width:304px; height:68px;
|
|
background:url('images/logo_with_text.png') top left no-repeat;
|
|
}
|
|
header #location_name a { display:block; text-indent:-9999px; }
|
|
header nav {
|
|
margin-top:5px; padding:5px;
|
|
background-color:#fff;
|
|
border-top:2px solid #000; border-bottom:2px solid #000;
|
|
}
|
|
header nav a { font-weight:bold; color:black; margin-right:1em; }
|
|
#utilityBar { float:right; width:50%; text-align:right; }
|
|
#utilityBar li { display:inline; margin-right:1em; color:black; }
|
|
#utilityBar a { color:black; }
|
|
|
|
|
|
/**
|
|
* Side Panel
|
|
*/
|
|
#panel-one nav {
|
|
border:2px solid #000; margin-bottom:0.5em;
|
|
border-radius:10px;
|
|
overflow:hidden;
|
|
}
|
|
#panel-one ul { margin:.25em; padding:0; }
|
|
|
|
/**
|
|
* Main Content
|
|
*/
|
|
#errorMessages { background-color:#fcc; padding:4px; border-radius:10px; }
|
|
#errorMessages h2 { }
|
|
|
|
#burialLinks td { vertical-align:middle; }
|
|
#aboutCemeteries { float:left; width:205px; }
|
|
#aboutCemeteries ul {padding:0;}
|
|
#cemeteryImages { float:right; width:200px; }
|
|
|
|
.pageNavigation ul { list-style-type:none; }
|
|
.pageNavigation li { display:inline; margin-right:1em; }
|
|
.pageNavigation .current { border:2px solid green; }
|
|
|
|
.searchInterment th { text-align:left; width:75px; }
|
|
|
|
table { margin:5px 0; overflow:auto; }
|
|
tr { }
|
|
td label { font-weight:normal; color:#666666; }
|
|
td { padding:4px 4px 2px 4px; vertical-align:top; border:0; }
|
|
thead th {
|
|
font-weight:normal; color:#666666; text-align:left;
|
|
vertical-align:bottom; height:8pt; padding:4px 4px 2px 2px;
|
|
}
|
|
tbody th {
|
|
font-weight:normal; color:#666666; text-align:right;
|
|
height:8pt; padding:4px 4px 2px 2px;
|
|
}
|
|
th a:link,th a:visited { color:#3366cc; background-color:inherit; }
|
|
form table { border:none; }
|
|
|
|
a.sorting { }
|
|
|