Added desctiption and images

[merge-contacts] / www / style.css

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