Created first draft of the site

[speedfreak] / Server / static / css / style.css

diff --git a/Server/static/css/style.css b/Server/static/css/style.css
index 9f798b7..de0ddb7 100644 (file)
--- a/Server/static/css/style.css
+++ b/Server/static/css/style.css
@@ -20,8 +20,9 @@ a {color:#21b3c6; outline:none;}
 a:hover{text-decoration:none;}
 p {padding-top:20px;}
 h2{ font-size:3.846em; text-transform:uppercase; line-height:1.2em; padding-bottom:2px;}
-h3{ font-size:2.308em; background:url(../static/img/title-bg.gif) no-repeat 0 2px; color:#fff; line-height:1.2em; padding-bottom:5px;}
-h4{ font-size:1.538em; line-height:1.2em; padding-bottom:12px;}
+h3{ font-size:2.308em; background:url(../../static/img/title-bg.gif) no-repeat 0 2px; color:#fff; line-height:1.2em; padding-bottom:5px;}
+h2{ font-size:1.538em; line-height:1.2em; padding-bottom:12px;}
+h1{ font-size:1.938em; line-height:1.2em; padding-bottom:12px; text-transform:uppercase;}
 h5{ font-size:1.538em; line-height:1.2em; padding:7px 0 0 13px;}
 strong{ color:#21b3c6; display:block; padding-bottom:3px;}
 
@@ -39,9 +40,9 @@ strong{ color:#21b3c6; display:block; padding-bottom:3px;}
 
 /* ============================= header ====================== */
 #header{ padding-top:5px;}
-#header .menu{ background:url(../static/img/menu-tail.gif) top repeat-x;}
-#header .menu .left-bg{ background:url(../static/img/menu-left-bg.gif) left top no-repeat;}
-#header .menu .right-bg{ background:url(../static/img/menu-right-bg.gif) right top no-repeat; height:42px; width:100%; overflow:hidden;}
+#header .menu{ background:url(../../static/img/menu-tail.gif) top repeat-x;}
+#header .menu .left-bg{ background:url(../../static/img/menu-left-bg.gif) left top no-repeat;}
+#header .menu .right-bg{ background:url(../../static/img/menu-right-bg.gif) right top no-repeat; height:42px; width:100%; overflow:hidden;}
 #header .menu ul{ padding:10px 0 0 24px;}
 #header .menu li{ float:left; padding-right:21px;}
 #header .menu a{ font-size:1.231em; text-decoration:none; color:#496487; font-weight:bold; letter-spacing:-1px;}
@@ -50,36 +51,36 @@ strong{ color:#21b3c6; display:block; padding-bottom:3px;}
 #header .logo{ padding:100px 0 0 64px;}
 
 /* ============================= content ====================== */
-#content{ border:solid 1px #000; background:url(../static/img/content-top-bg.gif) no-repeat 0 0 #090c11; padding-bottom:14px;}
+#content{ border:solid 1px #000; background:url(../../static/img/content-top-bg.gif) no-repeat 0 0 #090c11; padding-bottom:14px;}
 .indent{ padding:11px 9px 0 10px;}
 .indent-1{ padding:11px 0 0 10px;}
 .indent-2{ padding:11px 0 0 0;}
 
-.box1{ background:url(../static/img/box1-bot-tail.gif) bottom repeat-x #161c25; width:100%;}
-.box1 .left-border{ background:url(../static/img/box1-border.gif) left repeat-y;}
-.box1 .right-border{ background:url(../static/img/box1-border.gif) right repeat-y;}
-.box1 .top-border{ background:url(../static/img/box1-border.gif) top repeat-x;}
-.box1 .left-bot{ background:url(../static/img/box1-corner-left-bot.gif) left bottom no-repeat;}
-.box1 .right-bot{ background:url(../static/img/box1-corner-right-bot.gif) right bottom no-repeat;}
-.box1 .left-top{ background:url(../static/img/box1-corner-left-top.gif) left top no-repeat;}
-.box1 .right-top{ background:url(../static/img/box1-corner-right-top.gif) right top no-repeat; padding:1px;}
+.box1{ background:url(../../static/img/box1-bot-tail.gif) bottom repeat-x #161c25; width:100%;}
+.box1 .left-border{ background:url(../../static/img/box1-border.gif) left repeat-y;}
+.box1 .right-border{ background:url(../../static/img/box1-border.gif) right repeat-y;}
+.box1 .top-border{ background:url(../../static/img/box1-border.gif) top repeat-x;}
+.box1 .left-bot{ background:url(../../static/img/box1-corner-left-bot.gif) left bottom no-repeat;}
+.box1 .right-bot{ background:url(../../static/img/box1-corner-right-bot.gif) right bottom no-repeat;}
+.box1 .left-top{ background:url(../../static/img/box1-corner-left-top.gif) left top no-repeat;}
+.box1 .right-top{ background:url(../../static/img/box1-corner-right-top.gif) right top no-repeat; padding:1px;}
 .box1 .indent1{ padding:10px 5px 25px 15px;}
 .box1 .indent2{ padding:20px 37px 38px 31px;}
 .box1 .indent3{ padding:28px 25px 25px 30px;}
 .box1 .indent4{ padding:20px 5px 25px 22px;}
 
-.box2{ background:url(../static/img/box2-border.gif) top repeat-x #141922; width:100%; color:#3b4252;}
-.box2 .left-border{ background:url(../static/img/box2-border.gif) left repeat-y;}
-.box2 .right-border{ background:url(../static/img/box2-border.gif) right repeat-y;}
-.box2 .bot-border{ background:url(../static/img/box2-border.gif) bottom repeat-x;}
-.box2 .left-top{ background:url(../static/img/box2-corner-left-top.gif) left top no-repeat;}
-.box2 .right-top{ background:url(../static/img/box2-corner-right-top.gif) right top no-repeat;}
-.box2 .left-bot{ background:url(../static/img/box2-corner-left-bot.gif) left bottom no-repeat;}
-.box2 .right-bot{ background:url(../static/img/box2-corner-right-bot.gif) right bottom no-repeat;}
+.box2{ background:url(../../static/img/box2-border.gif) top repeat-x #141922; width:100%; color:#3b4252;}
+.box2 .left-border{ background:url(../../static/img/box2-border.gif) left repeat-y;}
+.box2 .right-border{ background:url(../../static/img/box2-border.gif) right repeat-y;}
+.box2 .bot-border{ background:url(../../static/img/box2-border.gif) bottom repeat-x;}
+.box2 .left-top{ background:url(../../static/img/box2-corner-left-top.gif) left top no-repeat;}
+.box2 .right-top{ background:url(../../static/img/box2-corner-right-top.gif) right top no-repeat;}
+.box2 .left-bot{ background:url(../../static/img/box2-corner-left-bot.gif) left bottom no-repeat;}
+.box2 .right-bot{ background:url(../../static/img/box2-corner-right-bot.gif) right bottom no-repeat;}
 .box2 .indent1{ padding:18px 18px 22px 18px;}
-.box2 .title{ background:url(../static/img/title-tail.gif) top repeat-x;}
-.box2 .title .left-bg{ background:url(../static/img/title-left-bg.gif) left top no-repeat;}
-.box2 .title .right-bg{ background:url(../static/img/title-right-bg.gif) right top no-repeat; height:41px;}
+.box2 .title{ background:url(../../static/img/title-tail.gif) top repeat-x;}
+.box2 .title .left-bg{ background:url(../../static/img/title-left-bg.gif) left top no-repeat;}
+.box2 .title .right-bg{ background:url(../../static/img/title-right-bg.gif) right top no-repeat; height:41px;}
 
 .text1{ font-size:0.923em; line-height:1.167em;}
 .text2{ font-size:0.923em; line-height:1.25em; color:#3b4252;}
@@ -91,31 +92,31 @@ strong{ color:#21b3c6; display:block; padding-bottom:3px;}
 .text4{ color:#616a81;}
 .text5{ line-height:1.154em;}
 
-.line1{ background:url(../static/img/line.gif) repeat-y 294px 0;}
-.line2{ background:url(../static/img/line.gif) repeat-y 592px 0;}
+.line1{ background:url(../../static/img/line.gif) repeat-y 294px 0;}
+.line2{ background:url(../../static/img/line.gif) repeat-y 592px 0;}
 .extra-title{ padding:5px 0 0 12px;}
 .gallery{ margin:5px 0 0 0;}
 .gallery a{ display:inline-block; margin-right:20px;}
 .gallery .last{ margin-right:0;}
 .gallery .link{ margin:30px 30px 0 20px !important;}
-.unline{ background:url(../static/img/unline.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:20px;}
+.unline{ background:url(../../static/img/unline.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:20px;}
 .email{ color:#21b3c6;}
 
-.link{display:inline-block; float:right; background:url(../static/img/link-left-bg.gif) top left no-repeat; line-height:1em; text-decoration:none; margin-top:7px; color:#f9f9f8; font-size:0.923em; font-weight:bold; cursor:pointer;}
-.link span{ display:inline-block; background:url(../static/img/link-right-bg.gif) top right no-repeat; padding:0 10px;}
-.link span span{ background:url(../static/img/link-tail.gif) top repeat-x; padding:5px 1px 6px 0;}
-.link:hover{ background:url(../static/img/link-left-bg-act.gif) top left no-repeat;}
-.link:hover span{ background:url(../static/img/link-right-bg-act.gif) top right no-repeat;}
-.link:hover span span{ background:url(../static/img/link-tail-act.gif) top repeat-x;}
+.link{display:inline-block; float:right; background:url(../../static/img/link-left-bg.gif) top left no-repeat; line-height:1em; text-decoration:none; margin-top:7px; color:#f9f9f8; font-size:0.923em; font-weight:bold; cursor:pointer;}
+.link span{ display:inline-block; background:url(../../static/img/link-right-bg.gif) top right no-repeat; padding:0 10px;}
+.link span span{ background:url(../../static/img/link-tail.gif) top repeat-x; padding:5px 1px 6px 0;}
+.link:hover{ background:url(../../static/img/link-left-bg-act.gif) top left no-repeat;}
+.link:hover span{ background:url(../../static/img/link-right-bg-act.gif) top right no-repeat;}
+.link:hover span span{ background:url(../../static/img/link-tail-act.gif) top repeat-x;}
 
 .link1{ display:inline-block; margin:5px 0 0 7px; vertical-align:top;}
 
-.link2{ display:inline-block; background:url(../static/img/link2-tail.gif) top repeat-x; color:#141a23 !important; font-weight:bold; text-decoration:none; margin:6px 0 0 4px; vertical-align:top; cursor:pointer;}
-.link2 span{ display:inline-block; background:url(../static/img/link2-left-bg.gif) left top no-repeat;}
-.link2 span span{ background:url(../static/img/link2-right-bg.gif) right top no-repeat; padding:3px 6px 5px 8px;}
+.link2{ display:inline-block; background:url(../../static/img/link2-tail.gif) top repeat-x; color:#141a23 !important; font-weight:bold; text-decoration:none; margin:6px 0 0 4px; vertical-align:top; cursor:pointer;}
+.link2 span{ display:inline-block; background:url(../../static/img/link2-left-bg.gif) left top no-repeat;}
+.link2 span span{ background:url(../../static/img/link2-right-bg.gif) right top no-repeat; padding:3px 6px 5px 8px;}
 .link2:hover{ color:#ff1e4f !important;}
 
-.list li{ font-size:0.923em; line-height:1.75em; background:url(../static/img/list-unline.gif) bottom repeat-x; width:100%;}
+.list li{ font-size:0.923em; line-height:1.75em; background:url(../../static/img/list-unline.gif) bottom repeat-x; width:100%;}
 .list .last{ background:none;}
 .list a{ color:#616a81; text-decoration:none;}
 .list a:hover, .list .active{ color:#ff1e50;}