adding web-page for project

[liquid-graphic] / www / style.css

diff --git a/www/style.css b/www/style.css
new file mode 100755 (executable)
index 0000000..e3bca05
--- /dev/null
+++ b/www/style.css
@@ -0,0 +1,186 @@
+* { margin:0; padding:0; }
+body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
+
+BODY {
+       background-color: #d7d7d7;
+       padding: 0 0; 
+       font-family: "arial",sans-serif; 
+       font-size: 13px;
+       line-height:24px;
+       color: #3a3a3a; 
+       text-align: center; 
+}
+
+#container {   
+       padding-top: 5px;
+}
+
+#layout { 
+  width:760px; 
+  margin:0 auto; 
+  text-align:left; 
+}
+
+.header {
+    background-color: #d47129; 
+       margin-bottom: 4px;    
+    position:relative; 
+    padding-left: 7px;
+}
+
+.content {
+       padding-left: 15px;
+       padding-bottom: 0;
+       padding-right: 0;
+       padding-top: 0;
+       margin-bottom: 2px;    
+       float: left;
+    width:700px;
+    z-index: 10;
+}
+
+
+.logo {
+       text-decoration: none;
+       color: white;
+       font-family: Impact, 'Techno CE', sans-serif;
+       font-weight: normal;
+    position: relative; 
+    overflow: hidden; 
+    height: 110px;
+    font-size:300%;
+    margin: 0;
+    line-height: 130px;
+}
+
+.logo a {
+       text-decoration: none; 
+       color: white;
+}
+
+#menu {
+       text-align: center; 
+       position: relative; 
+       z-index:2; 
+       border: 1px solid gray; 
+       border-right: none; 
+       border-left: none; 
+       padding: 7px 0;  
+       margin:0 auto;
+}
+
+#menu ul {
+       text-align: center; 
+       margin:0; 
+       padding:0; 
+       list-style:none;
+}
+
+#menu ul li {
+       text-align: center;
+       float:left; 
+       display:inline; 
+       margin:0; 
+       padding:0;
+}
+
+#menu ul li a {
+       text-align: center;
+    font-size: 19px;
+    font-weight: bold;
+    display: block; 
+    color: #3a3a3a;
+    text-decoration: none;
+    float: left; /*\*/ float:none; 
+    padding: 7px 50px 7px 39px;
+    line-height: 18px;      
+}
+
+#menu ul li a span {
+       text-align: center;
+    background-color: #d7d7d7;
+    font-size: 11px;
+    font-weight: normal;
+    color: white;
+}
+        
+#menu ul li a:hover {
+    text-align: center;
+    background-color: #d7d7d7;
+    color: white;
+}
+
+#menu ul li#active a {
+    text-align: center;
+}
+
+p { margin-left: 0; margin-bottom: 10px; margin-right: 0; margin-top: 10px; }
+
+.box { 
+       min-height:1px; 
+}
+
+.box:after { 
+       display:block; 
+       visibility:hidden; 
+       clear:both; 
+       line-height:0; 
+       font-size:0; 
+       content:"."; 
+}
+
+#footer {
+       border-top-color: gray;
+    clear:both;
+    height: 77px;
+    margin-top: 20px;
+    border-top: 1px solid;
+    padding:10px 3px;
+    color: white;
+    font-size: 90%;
+}
+
+.f-right {
+       float:right;
+}
+
+#footer a {
+    color: white;
+}
+    
+#footer p { 
+       margin:0; 
+       padding-top:10px; 
+}
+
+hr {
+       border: solid gray 1px;
+}
+
+ul, ol { margin-left: 40px; margin-bottom: 2px; margin-right: 0; margin-top: 0px; display:block; }
+ul ul, ul ul ul, ol ol, ol ol ol { margin-bottom: 0; margin-right: 0; margin-top: 0; margin-left: 0px; }
+ol { list-style-type:decimal; }
+ol ol { list-style-type:upper-alpha; }
+ol ol ol {list-style-type:lower-alpha; }
+li { display:list-item; }
+ul li a { text-decoration:underline; }
+
+a {color: #f4f4f4;}
+a:link {}
+a:hover {color:#3a3a3a ; text-decoration: none;}
+
+code {
+       background-color: #f2f2f2;
+       padding-left: 15px;
+       padding-bottom: 0;
+       padding-right: 0;
+       padding-top: 0;
+       margin-bottom: 2px; 
+       margin-left: 16px;   
+       float: left;    
+       border: 1px dashed gray;
+       font-family:monospace; 
+       font-size:110%;
+       width: 700px;
+}
+  
\ No newline at end of file