summaryrefslogtreecommitdiff
path: root/public_html/css/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'public_html/css/style.css')
-rw-r--r--public_html/css/style.css324
1 files changed, 324 insertions, 0 deletions
diff --git a/public_html/css/style.css b/public_html/css/style.css
new file mode 100644
index 0000000..9e9d8d7
--- /dev/null
+++ b/public_html/css/style.css
@@ -0,0 +1,324 @@
+body {
+ background: #8b8b8b;
+ color: #303030;
+ font: 76% Verdana, Tahoma, Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ text-align: center;
+}
+
+a {
+ color: #505050;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #808080;
+ text-decoration: underline;
+}
+
+p {
+ line-height: 1.5em;
+ margin: 0 0 15px;
+}
+
+img {
+ border-style: none;
+}
+
+/*** Main container ***/
+#container {
+ background: #f0f0f0 url(../img/bodybg.jpg) repeat-x;
+ color: #303030;
+ margin: 0;
+ min-width: 770px;
+ padding: 0;
+ text-align: left;
+ width: 100%;
+}
+
+/*** Header section ***/
+#sitename {
+ color: #ffffff;
+ height: 92px;
+ margin: 0 20px 10px;
+ text-align: left;
+/* background-image: url(../img/logo.png); */
+ background-repeat: no-repeat;
+ background-position: left;
+}
+
+#sitename h1,#sitename h2 {
+ font-weight: 400;
+ letter-spacing: -2px;
+ margin: 0;
+ padding: 0 0 0 100px;
+}
+
+#sitename h1 {
+ font-size: 2.4em;
+ padding-top: 20px;
+}
+
+#sitename h2 {
+ font-size: 1.6em;
+}
+
+/*** Horizontal menu ***/
+#mainmenu {
+ float: left;
+ margin-bottom: 25px;
+}
+
+#mainmenu ul {
+ font-size: 16px;
+ margin: 0;
+ padding: 0;
+}
+
+#mainmenu li {
+ float: left;
+ height: 35px;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+#mainmenu a {
+ border-right: 1px solid #b0b0b0;
+ color: #606060;
+ display: block;
+ font-size: 0.7em;
+ padding: 11px 10px 10px;
+ text-transform: uppercase;
+}
+
+#mainmenu a:hover {
+ background: #f0f0f0 url(../img/menuhover.jpg) top left repeat-x;
+ color: #505050;
+ text-decoration: none;
+}
+
+#mainmenu a.current {
+ background: #f0f0f0 url(../img/menuhover.jpg) top left repeat-x;
+ color: #505050;
+ text-decoration: none;
+}
+
+/*** Content wrap ***/
+#wrap {
+ clear: both;
+ font-size: 0.9em;
+ padding: 0;
+}
+
+/*** Sidebars ***/
+#leftside,#rightside {
+ margin: 0;
+ padding: 0 10px 10px;
+}
+
+#leftside {
+ float: left;
+ margin-right: 10px;
+ width: 165px;
+}
+
+#rightside {
+ float: right;
+ margin-left: 10px;
+ width: 10px;
+}
+
+#leftside h1,#rightside h1 {
+ color: #505050;
+ font-size: 1.6em;
+ font-weight: bold;
+ letter-spacing: -1px;
+ margin: 0 0 12px;
+}
+
+#leftside h2,#rightside h2 {
+ font-size: 1.1em;
+ margin: 0 0 20px;
+}
+
+#leftside p,#rightside p {
+ font-size: 0.9em;
+ line-height: 1.4em;
+ margin: 0 0 16px 10px;
+}
+
+.linklist {
+ list-style: none;
+ margin: 0 0 16px 10px;
+ padding: 0;
+}
+
+.linklist li {
+ margin-bottom: 0.7em;
+}
+
+/*** Sidebar menu ***/
+.nav {
+ background: #e8e9ea;
+ border: 1px solid #b0b0b0;
+ color: #606060;
+ display: block;
+ margin-top: 8px;
+ padding: 5px 4px 4px 10px;
+ position: relative;
+ text-transform: uppercase;
+ width: 140px;
+}
+
+.nav:hover,.active {
+ background: #f8f9fa;
+ border: 1px solid #909090;
+ color: #303030;
+ text-decoration: none;
+}
+
+.sub {
+ font-size: 0.8em;
+ letter-spacing: 1px;
+ margin: 3px 0 2px 10px;
+ padding: 4px 2px 2px 8px;
+ width: 125px;
+}
+
+/*** Content ***/
+#content,#contentalt {
+ background-color: #fafcff;
+ border: 1px solid #909090;
+ color: #2a2a2a;
+ padding: 15px 20px 5px;
+}
+
+#content {
+ margin: 0 200px;
+}
+
+#contentalt {
+ margin: 0 200px 0 20px;
+}
+
+#content h1,#content h2,#contentalt h1,#contentalt h2 {
+ background-color: inherit;
+ color: #606060;
+ font-size: 1.8em;
+ font-weight: bold;
+ letter-spacing: -1px;
+ margin: 0 0 15px;
+ padding: 0;
+}
+
+#content h2,#contentalt h2 {
+ font-size: 1.6em;
+ margin-bottom: 10px;
+}
+
+#content img,#contentalt img {
+ border: 1px solid #b0b0b0;
+ /*margin: 5px 15px 6px;*/
+ padding: 5px;
+}
+
+#content .datatbl {
+ border-collapse: collapse;
+}
+
+#content #datatbl {
+ border-collapse: collapse;
+}
+
+#content #datatbl th {
+ border-bottom: 1px solid black;
+ padding: 2px;
+}
+
+#content #datatbl tr {
+ border-bottom: 1px solid #D0D0D0;
+}
+
+#content #datatbl td {
+ padding: 3px;
+}
+
+/*** Footer ***/
+#footer {
+ background: #8b8b8b url(../img/footerbg.jpg) top left repeat-x;
+ clear: both;
+ color: #d0d0d0;
+ font-size: 0.9em;
+ font-weight: bold;
+ margin: 0;
+ padding: 20px 0;
+ text-align: center;
+ width: 100%;
+}
+
+#footer a {
+ color: #d0d0d0;
+ font-weight: bold;
+}
+
+/*** Various classes ***/
+.thumbnail {
+ background: #fafbfc;
+ border: 1px solid #b0b0b0;
+ margin: 0 0 10px 10px;
+ padding: 5px;
+}
+
+.searchform {
+ margin: 0;
+}
+
+.searchbox {
+ background: #f0f0f0;
+ border: 1px solid #b0b0b0;
+ margin: 0 4px 0 0;
+ width: 100px;
+}
+
+.searchbutton {
+ background: #f0f0f0;
+ border: 1px solid #b0b0b0;
+}
+
+.clearingdiv {
+ clear: both;
+ height: 30px;
+ width: 1px;
+}
+
+.hide {
+ display: none;
+}
+
+/*** Text format ***/
+.intro {
+ font-size: 1.1em;
+ font-weight: bold;
+ letter-spacing: -1px;
+}
+
+.small {
+ font-size: 0.8em;
+}
+
+.large {
+ font-size: 1.4em;
+}
+
+.center {
+ text-align: center;
+}
+
+.right {
+ text-align: right;
+}
+
+/*** End of file ***/ \ No newline at end of file