svn: /web/php/trunk/styles/ structure.css theme.css

Deleted: web/php/trunk/styles/structure.css
===================================================================
--- web/php/trunk/styles/structure.css	2011-01-04 06:19:31 UTC (rev 307060)
+++ web/php/trunk/styles/structure.css	2011-01-04 06:24:04 UTC (rev 307061)
@@ -1,239 +0,0 @@
-body, input, textarea {
-    font-size: 13px;
-}
-
-h1 {
-    margin-bottom: 0.2em;
-}
-
-#headnav {
-    padding: 0 25px;
-    height: 72px;
-}
-
-#headmenu {
-    width: 940px;
-    margin: 0 auto;
-    padding-right: 20px;
-}
-
-#headnav h6,
-#headmenu li,
-#headsearch {
-    display: block;
-    float: left;
-    margin: 0;
-    list-style: none;
-    padding: 18px 0 0 0;
-}
-
-#headnav li#headhome {
-}
-
-#headnav li#headhome a,
-#headnav li#headhome a:hover {
-    width: 170px;
-    height: 13px;
-    text-indent: -2000em;
-}
-
-#headnav li#headsearch {
-    margin: 22px 0 0 20px;
-    padding: 2px;
-    float: right;
-    border: 1px solid;
-}
-
-#headsearch-keywords {
-    border: 0;
-    padding: 2px;
-    width: 14em;
-}
-
-#headsearch-submit,
-#changelang-submit
-{
-    border: 0;
-    margin: 1px;
-    padding: 2px 5px;
-    font-weight: bold;
-}
-
-#headnav a.menu-link,
-#headnav h6 a {
-    display: block;
-    padding: 10px;
-    margin: 0;
-    border-bottom: 12px solid;
-}
-
-#headnav a.menu-link,
-#headnav li.current a.menu-link {
-    padding: 12px 15px 17px 15px;
-}
-
-#headnav li.parent a.menu-link {
-    padding-right: 25px;
-}
-
-#headnav li.parent .children {
-    display: none;
-}
-
-#mega-drop-down div.children {
-    border-bottom-width: 12px;
-    border-bottom-style: solid;
-    padding-bottom: 1em;
-}
-
-#mega-drop-down div.children-1 {
-    width: 960px;
-    margin: 0 auto;
-}
-
-#mega-drop-down div.children dl, #mega-drop-down div.children ul {
-    width: 225px;
-}
-
-#mega-drop-down div.children dt, #mega-drop-down div.children li {
-    border-top: none;
-}
-
-#headnav .myphp {
-    float: left;
-    position: absolute;
-    right: 20px;
-    top: 30px;
-}
-
-.children dl, .children ul {
-    float: left;
-    width: 195px;
-    padding-right: 15px;
-}
-
-.children dl a, .children ul a {
-    display: block;
-    padding: 4px;
-}
-
-.children dt, .children li {
-    font-weight: bold;
-    margin-top: 1em;
-    border-top-width: 3px;
-    border-top-style: solid;
-}
-
-.children dd {
-    padding: 0 0 0 10px;
-    font-size: 11px;
-}
-
-#layout {
-    padding: 25px 150px 25px 10px;
-    max-width: 1400px;
-    min-width: 600px;
-    margin: 0 auto;
-}
-
-.layout-menu {
-    float: left;
-    width: 160px;
-}
-
-.layout-menu li a {
-    display: block;
-    border-top-width: 3px;
-    border-top-style: solid;
-    padding: 4px 0;
-    margin-top: 1em;
-    font-weight: bold;
-}
-
-.layout-menu li li a {
-    overflow: hidden;
-    border: none;
-    font-size: 11px;
-    padding: 1px 0 1px 20px;
-    margin: 0;
-    font-weight: normal;
-}
-.layout-menu li.current a {
-    font-weight: bold;
-}
-
-.layout-content {
-    margin-left: 175px;
-    padding-bottom: 12px;
-}
-
-footer .footmenu {
-    float: right;
-}
-footer .footmenu.copyright {
-    float: left;
-}
-footer .footmenu li {
-    display: inline;
-}
-
-/**
- * Auto-complete
- */
-.ui-autocomplete {
-    width: 185px;
-    max-height: 250px;
-    overflow-y: auto;
-    overflow-x: hidden;
-    list-style-position: outside;
-    list-style: none;
-    margin: 0;
-    padding: 0 0 5px 0;
-    border: 1px solid;
-    z-index: 99999;
-}
-
-.ui-autocomplete li {
-    margin: 0px;
-    cursor: pointer;
-    display: block;
-    /*
-    if width will be 100% horizontal scrollbar will apear
-    when scroll mode will be used
-    */
-    /*width: 100%;*/
-    font: menu;
-    font-size: 12px;
-    /*
-    it is very important, if line-height not setted or setted
-    in relative units scroll will be broken in firefox
-    */
-    line-height: 16px;
-    overflow: hidden;
-    border-bottom: 1px solid #c3add9 ;
-}
-
-.ui-autocomplete a {
-    display: block;
-    padding: 2px 5px;
-}
-.ui-autocomplete-category {
-    font-weight: bold;
-    padding: .2em .4em;
-    margin: .8em 0 .2em;
-    line-height: 1.5;
-    background-color: #987db3;
-    color: #fff;
-}
-
-
-aside.tips {
-    padding-left: 12px;
-    padding-bottom: 12px;
-    padding-right: 12px;
-    float: right;
-    margin-left: 20px;
-    margin-bottom: 20px;
-    border: 1px solid  #C3ADD9;
-    width: 294px;
-}

Modified: web/php/trunk/styles/theme.css
===================================================================
--- web/php/trunk/styles/theme.css	2011-01-04 06:19:31 UTC (rev 307060)
+++ web/php/trunk/styles/theme.css	2011-01-04 06:24:04 UTC (rev 307061)
@@ -17,6 +17,7 @@

 body, input, textarea {
     font-family: Arial, Helvetica, sans-serif;
+    font-size: 13px;
 }

 body {
@@ -24,7 +25,7 @@
     background: url('/images/sprites.png') repeat-x 0px -990px;
 }

-h1    { font-size: 1.7em; line-height: 2.6em; }
+h1    { font-size: 1.7em; line-height: 2.6em; margin-bottom: 0.2em; }
 h2    { font-size: 1.6em; line-height: 2.4em; }
 h3    { font-size: 1.4em; line-height: 2.2em; }
 h3.title {
@@ -51,38 +52,90 @@
 }

 #headnav {
+    padding: 0 25px;
+    height: 72px;
     line-height: 1;
     background: url('/images/sprites.png') repeat-x 0px -100px;
 }

-#headhome a {
+#headnav .myphp {
+    float: left;
+    position: absolute;
+    right: 20px;
+    top: 30px;
+}
+
+#headmenu {
+    width: 940px;
+    margin: 0 auto;
+    padding-right: 20px;
+}
+
+#headnav h6,
+#headmenu li,
+#headsearch {
+    display: block;
+    float: left;
+    margin: 0;
+    list-style: none;
+    padding: 18px 0 0 0;
+}
+
+#headhome a,
+#headhome a:hover {
     background: url(/images/sprites.png) 0 0;
+    width: 170px;
+    height: 13px;
+    text-indent: -2000em;
 }

 #headnav li.parent a.menu-link {
+    padding-right: 25px;
     background: url(/images/sprites.png) no-repeat 100% 11px;
 }

+#headnav li.parent .children {
+    display: none;
+}
+
 #headnav li.parent.current a.menu-link {
     background-position: 100% -19px;
 }

 #headnav a.menu-link {
+    display: block;
+    padding: 12px 15px 17px 15px;
+    margin: 0;
+    border-bottom: 12px solid;
     color: #444;
     border-color: #987db3;
     font-weight: bold;
 }

 #headnav li#headsearch {
+    margin: 22px 0 0 20px;
+    padding: 2px;
+    float: right;
+    border: 1px solid;
     border-color: #987db3;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
 }

+#headsearch-keywords {
+    border: 0;
+    padding: 2px;
+    width: 14em;
+}
+
 #headsearch-keywords,
 #changelang-langs
 {
+    border: 0;
+    margin: 1px;
+    padding: 2px 5px;
+    font-weight: bold;
     color: #666;
     background: transparent;
     -webkit-appearance: none;
@@ -138,23 +191,6 @@
     letter-spacing: -0.04em;
 }

-footer {
-    clear: both;
-    border-top: 3px solid #c3add9;
-    padding-top: 5px;
-}
-
-footer a {
-    color: #444;
-    border-color: #987db3;
-    font-weight: bold;
-    margin: 0 8px;
-}
-
-footer a:hover {
-    color: #000;
-}
-
 h1 a:hover {
     color: #444;
 }
@@ -163,6 +199,16 @@
  * Auto-complete
  */
 .ui-autocomplete {
+    width: 185px;
+    max-height: 250px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    list-style-position: outside;
+    list-style: none;
+    margin: 0;
+    padding: 0 0 5px 0;
+    border: 1px solid;
+    z-index: 99999;
     border-color: #987db3;
     background-color: white;
     -moz-border-radius-bottomleft: 5px;
@@ -182,6 +228,40 @@
     color: white;
 }

+.ui-autocomplete li {
+    margin: 0px;
+    cursor: pointer;
+    display: block;
+    /*
+    if width will be 100% horizontal scrollbar will apear
+    when scroll mode will be used
+    */
+    /*width: 100%;*/
+    font: menu;
+    font-size: 12px;
+    /*
+    it is very important, if line-height not setted or setted
+    in relative units scroll will be broken in firefox
+    */
+    line-height: 16px;
+    overflow: hidden;
+    border-bottom: 1px solid #c3add9 ;
+}
+
+.ui-autocomplete a {
+    display: block;
+    padding: 2px 5px;
+}
+
+.ui-autocomplete-category {
+    font-weight: bold;
+    padding: .2em .4em;
+    margin: .8em 0 .2em;
+    line-height: 1.5;
+    background-color: #987db3;
+    color: #fff;
+}
+
 /**
  * User notes
  */
@@ -279,21 +359,50 @@
 /**
  * Mega drop-down menu
  */
+
 #mega-drop-down {
     background-color: #333;
     border-color: #c3add9;
 }

-#mega-drop-down dt a,
-#mega-drop-down ul a {
-    color: #eee;
+#mega-drop-down div.children {
+    border-bottom-width: 12px;
+    border-bottom-style: solid;
+    padding-bottom: 1em;
 }

+#mega-drop-down div.children-1 {
+    width: 960px;
+    margin: 0 auto;
+}
+
+#mega-drop-down dl, #mega-drop-down ul {
+    float: left;
+    width: 225px;
+    padding-right: 15px;
+}
+
+#mega-drop-down dt, #mega-drop-down li {
+    font-weight: bold;
+    margin-top: 1em;
+}
+
+#mega-drop-down dd {
+    padding: 0 0 0 10px;
+    font-size: 11px;
+}
+
 #mega-drop-down a {
+    display: block;
+    padding: 4px;
     color: #ccc;
 }

+#mega-drop-down dt a {
+    color: #eee;
+}

+
 /* {{{ The anchor for section headers */
 a.genanchor:link,
 a.genanchor:visited {
@@ -308,3 +417,80 @@
     float: right;
 }

+aside.tips {
+    padding-left: 12px;
+    padding-bottom: 12px;
+    padding-right: 12px;
+    float: right;
+    margin-left: 20px;
+    margin-bottom: 20px;
+    border: 1px solid  #C3ADD9;
+    width: 294px;
+}
+
+#layout {
+    padding: 25px 150px 25px 10px;
+    max-width: 1400px;
+    min-width: 600px;
+    margin: 0 auto;
+}
+
+.layout-menu {
+    float: left;
+    width: 160px;
+}
+
+.layout-menu li a {
+    display: block;
+    border-top-width: 3px;
+    border-top-style: solid;
+    padding: 4px 0;
+    margin-top: 1em;
+    font-weight: bold;
+}
+
+.layout-menu li li a {
+    overflow: hidden;
+    border: none;
+    font-size: 11px;
+    padding: 1px 0 1px 20px;
+    margin: 0;
+    font-weight: normal;
+}
+.layout-menu li.current a {
+    font-weight: bold;
+}
+
+.layout-content {
+    margin-left: 175px;
+    padding-bottom: 12px;
+}
+
+footer .footmenu {
+    float: right;
+}
+footer .footmenu.copyright {
+    float: left;
+}
+footer .footmenu li {
+    display: inline;
+}
+
+footer {
+    clear: both;
+    border-top: 3px solid #c3add9;
+    padding-top: 5px;
+}
+
+footer a {
+    color: #444;
+    border-color: #987db3;
+    font-weight: bold;
+    margin: 0 8px;
+}
+
+footer a:hover {
+    color: #000;
+}
+
+