Added webpage files
[modest] / www / images / style.css
diff --git a/www/images/style.css b/www/images/style.css
new file mode 100755 (executable)
index 0000000..375e826
--- /dev/null
@@ -0,0 +1,298 @@
+/* \r
+\r
+Grey Blog Free Template\r
+By Herreman David \r
+http://www.free-css-templates.com\r
+\r
+*/\r
+\r
+body { \r
+       margin:5px 0; \r
+       padding:0; \r
+       font: 74% Arial, Sans-Serif; \r
+       color:#FFF;  \r
+       background-color:#eee;\r
+       line-height: 1.4em; \r
+       background : #7D8085;\r
+}\r
+\r
+.toph {
+       background: #7D8085 url(top.jpg) no-repeat center;
+       height: 60px;
+       text-align:center;
+       font-size:2em;
+       background-position: 0px 21px; margin-top: 1em;
+       color:#FFFFFF;
+       font-family:"Times New Roman", Times, serif;
+}\r
+\r
+.content { \r
+   color: #a0a0a0; \r
+       margin: 0 auto; \r
+       padding: 0; \r
+       width: 800px; \r
+       background: #3D3E42 url(bg.jpg) repeat-y center;\r
+}\r
+\r
+.title {\r
+       font-family:Verdana, Arial, Helvetica, sans-serif;\r
+       height: 28px;\r
+       color: #3D3E42 ;\r
+       font-size:140%; \r
+       font-weight:bold; \r
+       padding: 10px 0 0 0;\r
+       \r
+}\r
+\r
+.right {  \r
+       clear: both; \r
+       font-size: 95%; \r
+       float:right; \r
+       width: 170px; \r
+       margin: 0 15px 0 0 !important;\r
+       margin: 0 8px 0 0;\r
+       padding: 0px 1em 0 0px; \r
+}\r
+\r
+.right a { color: #7D8085;}
+\r
+.nav {
+       clear: both;
+       text-align: left;
+       color:  #7D8085;
+       padding: 5px 0 0 0;
+       font-family:verdana;
+}\r
+.nav li {
+       font-weight: bold;
+       margin: 0 0 8px 0;
+       padding: 0 0 0 5px;
+       border-left: 1px solid #3D3E42;
+}\r
+.nav li a {
+       color: #7D8085;
+}\r
+
+.nav li a:hover {
+       color: #F29900;
+       text-decoration: none;
+}\r
+\r
+.boxad {
+       background: #45464B;
+       color: #BBB;
+       border: 1px solid #555;
+       padding: 5px;
+}\r
+\r
+p {
+       margin: 0 0 5px 0;
+       padding: 0;
+       color: #888;
+       background: inherit;    
+}\r
+
+hr {
+       border: 0;
+       height: 1px;
+       color: #eee;
+       background-color: #eee;
+}\r
+
+a {
+       color: #888;
+       text-decoration:none;
+}\r
+
+a:hover {
+       text-decoration: underline;
+}\r
+
+h1 {
+       padding:0;
+       margin:0;
+       color: #FFF;
+       background: inherit;
+       font: bold 1.8em Arial, Sans-Serif;
+       letter-spacing: -1px;
+}\r
+
+h1 a {
+       color: #FFF;
+       background: inherit;
+}\r
+
+h2 {
+       background-color: inherit;
+       color: #FFF;
+       font-size:140%;
+       font-weight:bold;
+       margin: 10px 0 10px 0;
+       padding:0;
+       font-family:"Times New Roman", Times, serif;
+}\r
+
+h2 a { color: #F29955; }\r
+
+h2 a:hover {   color: #F29955; text-decoration: none;}\r
+\r
+ul { margin: 5px 0 20px 15px; padding : 0; list-style : none; }\r
+li { list-style-type: square;  color: #F29900; margin: 0 0 0px 0;      padding: 0 0 0 0px; }\r
+li a { color: #7D8085; }\r
+li a:hover { color: #F29900;  }\r
+\r
+.center { \r
+       float:left; \r
+       width: 530px; \r
+       font-size: 1.1em; \r
+       margin: 0px 0 5px 35px !important;\r
+       margin: 0px 0 5px 20px; \r
+       padding: 0; \r
+       background: #3D3E42; \r
+       color: #FFF;\r
+}\r
+\r
+.center a { color: #FFF;}\r
+.center a:hover { color: #FFF; }\r
+\r
+\r
+.footer { \r
+       clear:both;\r
+       width: auto;\r
+       height: 37px;\r
+       color:#333;  \r
+       font-size:90%;\r
+       background: #3D3E42 url(bot.jpg) no-repeat center;\r
+       text-align:right; \r
+}\r
+\r
+\r
+.footer_text {
+       background: #7D8085 none repeat scroll 0%;\r
+       text-align: right;\r
+       padding: 0px 1.5em 0px 0px;\r
+       color: #fff;\r
+}\r
+\r
+.footer_text a { color: #fff; }\r
+\r
+\r
+fieldset {\r
+       border: 1px solid #eee;\r
+}\r
+\r
+textarea.text { \r
+       height: 150px; \r
+       width: 90%; \r
+       border: 1px solid #ccc; \r
+       background: #fff; \r
+       color: #000;\r
+}\r
+\r
+textarea.text:hover { \r
+       border: 1px solid #eee; \r
+       background: #FFFFF4; \r
+       color: #000;\r
+}\r
+\r
+input.field { \r
+       border: 1px solid #ccc; \r
+       background-color: #3C3C3C; \r
+       width: 100px; \r
+       color: #000;\r
+}\r
+\r
+input.field:hover { \r
+       border: 1px solid #eee; \r
+       background: #ccc; \r
+       color: #000;\r
+}\r
+\r
+input.text { \r
+       margin: 0; \r
+       width: 110px;\r
+       border: 1px solid #F29900; \r
+       background: #FFF;\r
+       color: #808080; \r
+}\r
+\r
+input.text:hover { \r
+       border: 1px solid #F26600; \r
+}\r
+\r
+input.searchbutton { \r
+       margin: 0; \r
+       font-size: 100%; \r
+       font-family: Arial, Sans-serif; \r
+       border: none; \r
+       background: #FFFFFF; \r
+       color: #808080; \r
+       padding: 1px; \r
+       font-weight: bold; \r
+}\r
+\r
+.date { \r
+       color: #ccc; \r
+       background: #3D3E42;\r
+       text-align: right; \r
+       margin: 4px 0 5px 0; \r
+       padding: 0.4em 0 0 0; \r
+       border-top: 1px solid #555;\r
+}\r
+\r
+.date a { color: #ccc; }\r
+\r
+\r
+.time { \r
+       color: #192D50; \r
+       float: left;\r
+       text-align: left; \r
+       padding: 5px 0 0 15px; \r
+}\r
+\r
+input.button { \r
+       background: #FFFFF4; \r
+       color: #808080;\r
+       border-right: 1px solid #ccc;\r
+       border-bottom: 1px solid #ccc;\r
+}\r
+\r
+.comments { \r
+       padding: 10px 10px 8px 10px; \r
+       margin: 0 0 7px 0; \r
+       background: #3f3f3f; \r
+       color: #000;\r
+}\r
+\r
+.commentsbox { \r
+       padding: 8px 0 10px 10px; \r
+       margin: 0 0 10px 0; \r
+       background: #f4f4f4; \r
+       color: #000;\r
+}\r
+\r
+.error {\r
+       color: #990000;\r
+       background-color: #FFF0F0;\r
+       padding: 7px;\r
+       margin-top: 5px;\r
+       margin-bottom: 10px;\r
+       border: 1px dashed #990000;\r
+}\r
+.error h2 {\r
+       color: #990000;\r
+       background: inherit;\r
+}\r
+\r
+.success {\r
+       color: #000000;\r
+       background: #F5FBE1;\r
+       padding: 7px;\r
+       margin-top: 5px;\r
+       margin-bottom: 5px;\r
+       border: 1px dashed #7BA813;\r
+}\r
+.success h2 {\r
+       color: #7BA813;\r
+       background: inherit;\r
+}\r