/* style for top title portion of site */
.content {
background: url(4th.jpg) no-repeat 24px 130px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 772px;
}
.title {
font-family: Helvetica, Verdanan, Arial, sans-serif;
font-size: 20px;
font-weight: 200;
margin: 0 10%;
margin-bottom: 3px;
color: #888;
background-color: #FFFFFF;
}
/* link behaviour in title box */
.title a {
background-color: transparent;
text-decoration: none;
color: #eee;
text-decoration: none;
}
.title a:hover {
color: #fff;
text-decoration: underline;
background-color: transparent;
}
/* the name on top of each page (except the Home page) */
.pagename {
font-family: Helvetica, Verdanan, Arial, sans-serif;
font-size: 18px;
margin-bottom: 20px;
}
/* style of content box where all
user text lives
*/
.content {
margin: 0 10%;
max-width: 800px;
padding: 10px;
background-color: #FFFFFF;
/* offset left, top, thickness, color with alpha */
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
/* IE */
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
/* slightly different syntax for IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.content a {
background-color: transparent;
text-decoration: none;
color: #25a;
}
.content a:hover {
padding: 0px;
color: #FFF;
text-decoration: none;
background-color: #888;
}
.content a:visited {
}
/* style for menu on top */
.menu {
margin-left: -10px;
margin-right: -10px;
padding: 1px;
font-family: Verdanan, Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 17px;
background-color: #369;
}
/* links in menu */
.menu a {
border: 0px #555 solid;
border-bottom: 0px;
padding: 0px;
color: #fff;
text-decoration: none;
}
.menu a:hover {
color: #fff;
border-bottom: 0px;
padding: 0px;
background-color: #888;
text-decoration: none;
}
.menu a:visited {
border: 0px #555 solid;
border-bottom: 0px;
padding: 1px;
color: #fff;
text-decoration: none;
}
.menu-bottom {
margin: 0 15%;
margin-top: 10px;
padding: 1px;
font-family: Verdanan, Arial, Helvetica, sans-serif;
font-size: 15px;
background-color: #369;
/* offset left, top, thickness, color with alpha */
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
/* IE */
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
/* slightly different syntax for IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* links in menu-bottom */
.menu-bottom a {
border: 0px #555 solid;
border-bottom: 0px;
padding: 1px;
color: #fff;
text-decoration: none;
}
.menu-bottom a:hover {
color: #fff;
border-bottom: 0px;
padding: 1px;
background-color: #888;
text-decoration: none;
}
.menu-bottom a:visited {
border: 0px #555 solid;
border-bottom: 0px;
padding: 1px;
color: #fff;
text-decoration: none;
}
/* the bottom bar between content box and menu */
.bottombar {
font-size: 4px;
margin: 0 15%;
padding: 10px;
padding-top: 2px;
padding-bottom: 6px;
background-color: #FFFFFF;
/* offset left, top, thickness, color with alpha */
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
/* IE */
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
/* slightly different syntax for IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}
/* where the copyright notice is */
.footer {
text-align: center;
margin: 0 10%;
max-width: 800px;
font-family: Helvetica, Verdanan, Arial, sans-serif;
font-size: 10px;
line-height: 12px;
}
/* style for whole site except overwritten
by enclosed tags
*/
body {
font-family: Helvetica, Verdanan, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
color: #303030;
}
/* style for == title == */
h1 {
font-size: 28px;
color: #369;
font-weight: normal;
}
/* style for === title === */
h2 {
font-size: 24px;
font-weight: normal;
color: #369;
}
/* style for ==== title ==== */
h3 {
font-size: 20px;
font-weight: normal;
color: #369;
margin-top: 20px;
padding: 0px;
}
/* style for ===== text ===== used for blog title */
h4 {
font-size: 18px;
font-weight: normal;
color: #777;
margin: 0px;
padding: 0px;
}
/* style for ====== text ====== used for comment title */
h5 {
font-size: 12px;
font-weight: normal;
color: #a22;
margin: 3px;
padding: 0px;
}
/* for <small> tag */
small {
font-size: 10px;
}
/* for the bold tag */
b {
color: 999;
}
/* for <big> tag, will not work on Netscape v.4 */
big {
}
/* for <p> tag */
p {
margin-left: 40px;
margin-right: 40px;
}
/* for <table> tag, these are used when displating the files,changes,referencrs tables */
table {
border-width: 1px;
border-style: solid;
border-color: #ccc;
background-color: #ccc;
}
/* for table tags <tr> <th> <td> */
tr, th, td {
font-family: Helvetica, Verdanan, Arial, sans-serif;
font-size: 12px;
background-color: #eee;
}
/* for quick table tags with [,]
use these (not <table><tr><td>)
when doing layout with tables
*/
table.quick {
border-width: 1px;
border-style: solid;
border-color: #ccc;
background-color: #ccc;
}
/* for quick table tags with: ||
*/
td.quick {
font-family: Helvetica, Verdanan, Arial, sans-serif;
font-size: 11px;
background-color: #eef;
padding: 5px;
}
/* links in general, if not overwritten in other divs
a:hover {
text-decoration: none;
background-color: #transparent;
}
/* for [image: ...] spec */
img {
}
/* line separator */
hr {
margin-top: 10px;
border: 0px;
border-top: 1px #ddd solid;
}
/* style of the text edit area and text
entry for search and passwords
*/
.textarea {
font-family: courier, helvetica, verdana,arial,sans-serif;
left-margin: 20px;
font-size: 12px;
background-color: #eee;
}
/* buttons for save and search */
.button {
}
/* example for custom style in [span:mybox...] or [div:mybox...] */
.mybox { border: 1px #ccc dashed; }
/* other custom styles used */
.smallred { font-size: 10px; font-weight: normal; color: #a22; }
.mediumred { font-size: 12px; font-weight: normal; color: #a22; }