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; +} + +