Lots of changes for Jabaws 2.1 website

[jabaws.git] / website / ws.css

diff --git a/website/ws.css b/website/ws.css
index 3876f92..47fb425 100644 (file)
--- a/website/ws.css
+++ b/website/ws.css
@@ -34,8 +34,8 @@
 .brick {\r
        padding-bottom:1em;\r
        border: 2px solid #999;\r
-       -webkit-border-radius:20px;\r
-       -moz-border-radius:20px;\r
+       -webkit-border-radius:10px;\r
+       -moz-border-radius:10px;\r
        border-radius: 20px;\r
        background-image:url(images/brickhead2_line.jpg);\r
        background-repeat:repeat-x;\r
@@ -58,14 +58,6 @@
        padding: 2em 1.5em 0em 1.5em;\r
 }\r
 \r
-#panel {\r
-       width:161px;\r
-       background:url("images/panel_bg_long.png") repeat-y ;\r
-       float:left;\r
-       font-family:Verdana, Arial, Helvetica, sans-serif;\r
-       padding-top:1em;\r
-}\r
-\r
 #content {\r
        margin-left:170px;\r
        border-bottom:solid 1px #6994af;\r
@@ -96,29 +88,7 @@ ul {
        list-style-type: circle;\r
 }\r
 \r
-#panel a:link, #panel a:visited {\r
-       text-decoration: none;\r
-       display:block;\r
-       line-height: 1em;\r
-       padding:10px;\r
-       color:#000000;\r
-}\r
-\r
-#panel a:hover {\r
-       background-color: transparent;\r
-       text-decoration: underline;\r
-}\r
 \r
-#panel a.selected {\r
-       text-decoration:underline;\r
-       font-weight:bolder;\r
-}\r
-\r
-#panel #submenu a {\r
-       margin-left: 1.5em;\r
-       margin-left: 20px;\r
-       padding: 5px;\r
-}\r
 \r
 strong {\r
        font-weight:bold;\r
@@ -164,6 +134,12 @@ p {
        display:block;\r
 }\r
 \r
+.mid {\r
+       vertical-align:middle;\r
+       height:80px;\r
+       border:none;\r
+}\r
+\r
 .u {\r
        text-decoration: underline;\r
 }\r
@@ -326,9 +302,79 @@ img.logo {
        float:left;\r
 }\r
 \r
-.mid {\r
-       vertical-align:middle;\r
-       height:80px;\r
-       border:none;\r
+/***************************************************************************************/\r
+/************************************ panel styles *************************************/\r
+#panel {\r
+       width:160px;\r
+/*     margin-left: -150px;*/\r
+       background:url("images/panel_bg_long.png") repeat-y ;\r
+       float:left;\r
+       font-family:Verdana, Arial, Helvetica, sans-serif;\r
+       padding-top:1em;\r
+}\r
+\r
+#panel a:link, #panel a:visited {\r
+       line-height: 1em;\r
+       font-size: 12pt;\r
+       margin: 15px auto;\r
+       width: 95px;\r
+       text-align: center;\r
+}\r
+\r
+#panel #supermenu a {\r
+       margin-left: 10px;\r
+}\r
+\r
+#panel #submenu a {\r
+       margin-left: 30px;\r
 }\r
 \r
+#panel #supersubmenu a {\r
+       margin-left: 25px;\r
+}\r
+\r
+#panel #subsubmenu a {\r
+       margin-left: 40px;\r
+}\r
+\r
+#panel a.newa {\r
+       color: #888888;\r
+       text-decoration: none;\r
+       background-color: rgba(219,87,5,1);\r
+       background-image:url("images/banner_bg.gif");\r
+       font-family: 'Yanone Kaffeesatz';\r
+       font-weight: 400;\r
+       display: block;\r
+       padding: 4px;\r
+       -webkit-border-radius: 6px;\r
+       -moz-border-radius: 6px;\r
+       border-radius: 6px;\r
+       -webkit-box-shadow: 0px 9px 0px #888888, 0px 9px 25px rgba(0,0,0,.7);\r
+       -moz-box-shadow: 0px 9px 0px #888888, 0px 9px 25px rgba(0,0,0,.7);\r
+       box-shadow: 0px 9px 0px #888888, 0px 9px 25px rgba(0,0,0,.7);\r
+}\r
+\r
+#panel a.newpressed {\r
+       color: #FFFFFF;\r
+       text-decoration: none;\r
+       background-image:url("images/banner_bg.gif");\r
+       background-color: #F5F5F5;\r
+       font-family: 'Yanone Kaffeesatz';\r
+       font-weight: 700;\r
+       display: block;\r
+       padding: 4px;\r
+       -webkit-border-radius: 8px;\r
+       -moz-border-radius: 8px;\r
+       border-radius: 8px;\r
+       -webkit-box-shadow: 0px 9px 0px #888888, 0px 9px 25px rgba(0,0,0,.7);\r
+       -moz-box-shadow: 0px 9px 0px #888888, 0px 9px 25px rgba(0,0,0,.7);\r
+       box-shadow: 0px 9px 0px #888888, 0px 9px 25px rgba(0,0,0,.7);\r
+}\r
+\r
+#panel a:active {\r
+    -webkit-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);\r
+    -moz-box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);\r
+    box-shadow: 0px 3px 0px rgba(219,31,5,1), 0px 3px 6px rgba(0,0,0,.9);\r
+    position: relative;\r
+    top: 6px;\r
+}\r