Changeset 75 for trunk/style

Timestamp:

Feb 7, 2009, 11:14:29 PM (16 years ago)

Author:

maron

Message:

Grafika webu upravující, vzhled: odkazů, inputů, textu, pozadí, celkový vzhled pomocí obrázků na pozadí, barvy

File:

• trunk/style/style.css (modified) (8 diffs)

trunk/style/style.css

@@ -1 @@
-body
-{
-  font-family: Verdana, Arial, Sans-Serif;
-}
+body {
+font-size: 14px;
+font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
+color:#564b47;
+padding:0px;
+margin:0px;
+}
+a {color: #DB7093;}
+a:visited {color:#c43300;}
+a:hover {color: #c43300;}
+a:active { color:#000000;}
+
+ /**********vertical menu***************/
+.verticalmenu ul{
+ list-style:none;
+/*list-style-image: url("bullet.gif")*/
+
+
+ padding: 10px;
+ margin: 0px;
+}
+
+ .verticalmenu li, .verticalmenua {
+   display: block;
+   font: bold 12px Verdana, Arial, Helvetica, sans-serif;
+   color: #9A1212;
+   text-decoration: none;
+   text-align: left;
+   
+   width: 190px;
+   height: 18px;
+   /*background: url('menuhover.gif') no-repeat;*/
+ }
+
+ .verticalmenu a:hover{
+   background: url('../images/menuhover.gif') no-repeat;
+   color: #dc4d1b;
+ }
+
+
+/* ----------banner for logo-------------- */
+#banner {
+height:75px;
+text-align: center;
+background:  url('../images/header3.jpg') repeat bottom;
+background-color: #ffffff;
+
+padding: 0px;
+margin: 0px;
+}
+#banner1 {
+width: 75px;
+background:  url('../images/header1.jpg') no-repeat left;
+}
+#banner2 {
+width: 75px;
+background:  url('../images/header2.jpg') no-repeat top right;
+}
+#banner img {padding:10px 0px;} 
+#bannertitle{ font-size:24px;font-weight:bold; }
+#bannertable {
+  padding: 0px;
+  margin: 0px; 
+  height: 75px; 
+  width: 100%;
+}
+
 
 .page
@@ -14 +77 @@
   width: 200px;
   vertical-align: top;
-  padding: 5px;
+  padding: 10px;
   background-color: #F0F0F0;
+
+
+margin-left: auto;
+margin-right: auto;
+background: #E8E8E8 url('../images/menubottom.jpg') no-repeat bottom right;
 }
 
 .content
 {
+  background:#ffffff  url('../images/content.jpg') no-repeat top right;
   vertical-align: top;
   padding: 5px;
@@ -43 +112 @@
   border-width: 1px;
   border-style: solid;
-  border-color: black;
+  border-color: #c43300;
   background-color: white;
 }
@@ -49 +118 @@
 .page-bottom
 {
-  color: grey;
+  color:#FFFFFF;
   text-align: center;
   padding-top: 10px;
@@ -56 +125 @@
   border-top-color: gray;
   border-top-width: 1px;
+  background:  url('../images/footer.gif') repeat-x ;
 }
 
@@ -102 +172 @@
 {
   border-width: 1px;
-  border-color: #A0A0FF;
+  border-color: #c43300;
   border-style: solid;
   overflow: auto;
   font-size: small;
-  background-color: #F8F8FF;
+  background-color: #E8E8E8;
   padding: 3px;
 }
@@ -113 +183 @@
 {
   border-bottom-width: 1px;
-  border-bottom-color: #A0A0F0;
+  border-bottom-color: #c43300;
   border-bottom-style: solid;
   padding-bottom: 5px;
@@ -123 +193 @@
   padding-left: 10px;
 }
+
+ /**************** form *******************/
+ input, select {
+   background-color: #E8E8E8;
+   border: 1px #c43300 solid;
+   font-size: 11px;
+   font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
+ }
+ textarea {
+   background-color: white;
+   border: 1px #c43300 solid;
+   font-size: 11px;
+   font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
+ }
+ 
+