Commit 3b9bedaa8716b8baabdf218cc80a0f377fff69ad
1 parent
35770e59
Exists in
master
and in
22 other branches
ActionItem360: start the zen3 theme
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1760 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
12 changed files
with
102 additions
and
88 deletions
Show diff stats
app/views/layouts/application.rhtml
| @@ -33,9 +33,11 @@ | @@ -33,9 +33,11 @@ | ||
| 33 | <%= stylesheet_link_tag '/designs/templates/default/stylesheets/style.css' %> | 33 | <%= stylesheet_link_tag '/designs/templates/default/stylesheets/style.css' %> |
| 34 | <%= stylesheet_link_tag '/designs/icons/default/style.css' %> | 34 | <%= stylesheet_link_tag '/designs/icons/default/style.css' %> |
| 35 | 35 | ||
| 36 | + <%= javascript_include_tag 'default-config' %> | ||
| 36 | <%= javascript_include_tag :defaults %> | 37 | <%= javascript_include_tag :defaults %> |
| 37 | <%# javascript_include_tag 'animator' %> | 38 | <%# javascript_include_tag 'animator' %> |
| 38 | <%= javascript_include_tag 'menu' %> | 39 | <%= javascript_include_tag 'menu' %> |
| 40 | + <%= javascript_include_tag 'auto-open-menu' %> | ||
| 39 | <%= include_lightbox_header %> | 41 | <%= include_lightbox_header %> |
| 40 | <%# cms stuff %> | 42 | <%# cms stuff %> |
| 41 | <% if @controller.controller_name == 'cms' %> | 43 | <% if @controller.controller_name == 'cms' %> |
app/views/shared/categories_menu.rhtml
| @@ -25,4 +25,8 @@ | @@ -25,4 +25,8 @@ | ||
| 25 | <div id="assets_menu_layout_iten"></div> | 25 | <div id="assets_menu_layout_iten"></div> |
| 26 | </div><!-- fim id="assets_menu" --> | 26 | </div><!-- fim id="assets_menu" --> |
| 27 | 27 | ||
| 28 | -<script> setAutoOpenMenu( $("assets_menu") ); </script> | 28 | +<script type="text/javascript"> |
| 29 | + if ( assetsMenu.autoOpen ) { | ||
| 30 | + setAutoOpenMenu( $("assets_menu") ); | ||
| 31 | + } | ||
| 32 | +</script> |
59 Bytes
public/designs/themes/ecosol/javascript/auto-open-menu.js
| @@ -1,64 +0,0 @@ | @@ -1,64 +0,0 @@ | ||
| 1 | - | ||
| 2 | -function setAutoOpenMenu( menu ) { | ||
| 3 | - | ||
| 4 | - var mul = menu.getElementsByTagName("ul")[0]; | ||
| 5 | - if ( !mul ) return false; | ||
| 6 | - | ||
| 7 | - mul.h = mul.clientHeight; // remember the current height to a faster animation | ||
| 8 | - mul.minSize = mul.clientHeight; | ||
| 9 | - var vli = mul.getElementsByTagName("li"); | ||
| 10 | - mul.paddingBottom = parseInt( menu.className.replace( /^.*AOM_paddingBottom_([^\s]+).*$/, "$1" ) ); | ||
| 11 | - mul.maxSize = ( vli.length * ( vli[1].offsetTop - vli[0].offsetTop ) ); | ||
| 12 | - mul.inc = 1; | ||
| 13 | - | ||
| 14 | - window["autoOpenMenu-"+menu.id] = menu; | ||
| 15 | - menu.mul = mul; | ||
| 16 | - | ||
| 17 | - if ( mul.minSize == 1 ) { | ||
| 18 | - // Work arround bug for IE - ie sux - ie sux - ie sux - ie sux -ie sux -ie sux -ie sux - ie sux!!! | ||
| 19 | - mul.h = 3; | ||
| 20 | - setTimeout('m = window[\'autoOpenMenu-'+menu.id+'\']; m.onmouseout()', 10); | ||
| 21 | - } | ||
| 22 | - | ||
| 23 | - menu.isIE = ( navigator.appName.indexOf("Microsoft") > -1 ); | ||
| 24 | - | ||
| 25 | - menu.onmouseover = function () { | ||
| 26 | - clearTimeout( this.timeoutClose ); | ||
| 27 | - var mul = this.mul; | ||
| 28 | - if ( mul.paddingBottom ) mul.parentNode.style.paddingBottom = mul.paddingBottom +"px"; | ||
| 29 | - if ( mul.h < mul.maxSize ) { | ||
| 30 | - mul.h += mul.inc; | ||
| 31 | - mul.inc += 2; | ||
| 32 | - mul.style.height = mul.h +"px"; | ||
| 33 | - this.timeoutOpen = setTimeout( "window['autoOpenMenu-"+this.id+"'].onmouseover()", 33 ); | ||
| 34 | - } else { | ||
| 35 | - mul.h = mul.maxSize; | ||
| 36 | - mul.style.height = mul.h +"px"; | ||
| 37 | - mul.inc = 1; | ||
| 38 | - } | ||
| 39 | - } | ||
| 40 | - | ||
| 41 | - menu.onmouseout = function ( doIt, firstDoIt ) { | ||
| 42 | - clearTimeout( this.timeoutOpen ); | ||
| 43 | - var mul = this.mul; | ||
| 44 | - if ( firstDoIt ) mul.inc = 1; | ||
| 45 | - if ( doIt == true ) { | ||
| 46 | - if ( mul.h > mul.minSize ) { | ||
| 47 | - mul.h -= mul.inc++; | ||
| 48 | - if ( mul.h < 0 ) mul.h = 0; | ||
| 49 | - if ( this.isIE ) if ( mul.h < 1 ) mul.h = 1; | ||
| 50 | - mul.style.height = mul.h +"px"; | ||
| 51 | - this.timeoutClose = setTimeout( "window['autoOpenMenu-"+this.id+"'].onmouseout(true)", 33 ); | ||
| 52 | - } else { | ||
| 53 | - mul.h = mul.minSize; | ||
| 54 | - mul.style.height = mul.h +"px"; | ||
| 55 | - if ( mul.paddingBottom ) mul.parentNode.style.paddingBottom = "0px"; | ||
| 56 | - mul.inc = 2; | ||
| 57 | - } | ||
| 58 | - } else { | ||
| 59 | - // Work arround IE bug | ||
| 60 | - this.timeoutClose = setTimeout( "window['autoOpenMenu-"+this.id+"'].onmouseout(true, true)", 200 ); | ||
| 61 | - } | ||
| 62 | - } | ||
| 63 | - | ||
| 64 | -} |
public/designs/themes/ecosol/stylesheets/common.css
| @@ -48,6 +48,25 @@ body.category2 a:visited { color: #8A6 } | @@ -48,6 +48,25 @@ body.category2 a:visited { color: #8A6 } | ||
| 48 | a:hover, a:active { color: #08F } | 48 | a:hover, a:active { color: #08F } |
| 49 | body.category2 a:hover { color: #5C0 } | 49 | body.category2 a:hover { color: #5C0 } |
| 50 | 50 | ||
| 51 | + | ||
| 52 | +body.category1 #content h1, body.category1 #content h2, body.category1 #content h3, | ||
| 53 | +body.category1 #content h4, body.category1 #content h5, body.category1 #content h6 | ||
| 54 | + { color: #E26B00 } | ||
| 55 | +body.category2 #content h1, body.category2 #content h2, body.category2 #content h3, | ||
| 56 | +body.category2 #content h4, body.category2 #content h5, body.category2 #content h6 | ||
| 57 | + { color: #58A80A } | ||
| 58 | +body.category3 #content h1, body.category3 #content h2, body.category3 #content h3, | ||
| 59 | +body.category3 #content h4, body.category3 #content h5, body.category3 #content h6 | ||
| 60 | + { color: #694371 } | ||
| 61 | +body.category4 #content h1, body.category4 #content h2, body.category4 #content h3, | ||
| 62 | +body.category4 #content h4, body.category4 #content h5, body.category4 #content h6 | ||
| 63 | + { color: #B80000 } | ||
| 64 | + | ||
| 65 | +#content ul li { | ||
| 66 | + list-style: url(../images/list-dot.gif); | ||
| 67 | +} | ||
| 68 | + | ||
| 69 | + | ||
| 51 | /* file manager (big) style */ | 70 | /* file manager (big) style */ |
| 52 | 71 | ||
| 53 | div.file-manager { | 72 | div.file-manager { |
public/designs/themes/ecosol/theme.yml
public/images/beta.gif
public/images/list-dot.gif
59 Bytes
| @@ -0,0 +1,64 @@ | @@ -0,0 +1,64 @@ | ||
| 1 | + | ||
| 2 | +function setAutoOpenMenu( menu ) { | ||
| 3 | + | ||
| 4 | + var mul = menu.getElementsByTagName("ul")[0]; | ||
| 5 | + if ( !mul ) return false; | ||
| 6 | + | ||
| 7 | + mul.h = mul.clientHeight; // remember the current height to a faster animation | ||
| 8 | + mul.minSize = mul.clientHeight; | ||
| 9 | + var vli = mul.getElementsByTagName("li"); | ||
| 10 | + mul.paddingBottom = parseInt( menu.className.replace( /^.*AOM_paddingBottom_([^\s]+).*$/, "$1" ) ); | ||
| 11 | + mul.maxSize = ( vli.length * ( vli[1].offsetTop - vli[0].offsetTop ) ); | ||
| 12 | + mul.inc = 1; | ||
| 13 | + | ||
| 14 | + window["autoOpenMenu-"+menu.id] = menu; | ||
| 15 | + menu.mul = mul; | ||
| 16 | + | ||
| 17 | + if ( mul.minSize == 1 ) { | ||
| 18 | + // Work arround bug for IE - ie sux - ie sux - ie sux - ie sux -ie sux -ie sux -ie sux - ie sux!!! | ||
| 19 | + mul.h = 3; | ||
| 20 | + setTimeout('m = window[\'autoOpenMenu-'+menu.id+'\']; m.onmouseout()', 10); | ||
| 21 | + } | ||
| 22 | + | ||
| 23 | + menu.isIE = ( navigator.appName.indexOf("Microsoft") > -1 ); | ||
| 24 | + | ||
| 25 | + menu.onmouseover = function () { | ||
| 26 | + clearTimeout( this.timeoutClose ); | ||
| 27 | + var mul = this.mul; | ||
| 28 | + if ( mul.paddingBottom ) mul.parentNode.style.paddingBottom = mul.paddingBottom +"px"; | ||
| 29 | + if ( mul.h < mul.maxSize ) { | ||
| 30 | + mul.h += mul.inc; | ||
| 31 | + mul.inc += 2; | ||
| 32 | + mul.style.height = mul.h +"px"; | ||
| 33 | + this.timeoutOpen = setTimeout( "window['autoOpenMenu-"+this.id+"'].onmouseover()", 33 ); | ||
| 34 | + } else { | ||
| 35 | + mul.h = mul.maxSize; | ||
| 36 | + mul.style.height = mul.h +"px"; | ||
| 37 | + mul.inc = 1; | ||
| 38 | + } | ||
| 39 | + } | ||
| 40 | + | ||
| 41 | + menu.onmouseout = function ( doIt, firstDoIt ) { | ||
| 42 | + clearTimeout( this.timeoutOpen ); | ||
| 43 | + var mul = this.mul; | ||
| 44 | + if ( firstDoIt ) mul.inc = 1; | ||
| 45 | + if ( doIt == true ) { | ||
| 46 | + if ( mul.h > mul.minSize ) { | ||
| 47 | + mul.h -= mul.inc++; | ||
| 48 | + if ( mul.h < 0 ) mul.h = 0; | ||
| 49 | + if ( this.isIE ) if ( mul.h < 1 ) mul.h = 1; | ||
| 50 | + mul.style.height = mul.h +"px"; | ||
| 51 | + this.timeoutClose = setTimeout( "window['autoOpenMenu-"+this.id+"'].onmouseout(true)", 33 ); | ||
| 52 | + } else { | ||
| 53 | + mul.h = mul.minSize; | ||
| 54 | + mul.style.height = mul.h +"px"; | ||
| 55 | + if ( mul.paddingBottom ) mul.parentNode.style.paddingBottom = "0px"; | ||
| 56 | + mul.inc = 2; | ||
| 57 | + } | ||
| 58 | + } else { | ||
| 59 | + // Work arround IE bug | ||
| 60 | + this.timeoutClose = setTimeout( "window['autoOpenMenu-"+this.id+"'].onmouseout(true, true)", 200 ); | ||
| 61 | + } | ||
| 62 | + } | ||
| 63 | + | ||
| 64 | +} |
public/stylesheets/common.css
| @@ -7,11 +7,11 @@ body { | @@ -7,11 +7,11 @@ body { | ||
| 7 | 7 | ||
| 8 | #beta-tag { | 8 | #beta-tag { |
| 9 | position: absolute; | 9 | position: absolute; |
| 10 | - top: 50px; | ||
| 11 | - left: 50px; | 10 | + top: 40px; |
| 11 | + left: 40px; | ||
| 12 | background-image: url(../images/beta.gif); | 12 | background-image: url(../images/beta.gif); |
| 13 | - width: 128px; | ||
| 14 | - height: 36px; | 13 | + width: 79px; |
| 14 | + height: 25px; | ||
| 15 | } | 15 | } |
| 16 | #beta-tag span { | 16 | #beta-tag span { |
| 17 | display: none; | 17 | display: none; |
| @@ -132,27 +132,11 @@ div#notice { | @@ -132,27 +132,11 @@ div#notice { | ||
| 132 | #content h4 { font-size: 16px } | 132 | #content h4 { font-size: 16px } |
| 133 | #content h5 { font-size: 14px } | 133 | #content h5 { font-size: 14px } |
| 134 | #content h6 { font-size: 12px } | 134 | #content h6 { font-size: 12px } |
| 135 | -body.category1 #content h1, body.category1 #content h2, body.category1 #content h3, | ||
| 136 | -body.category1 #content h4, body.category1 #content h5, body.category1 #content h6 | ||
| 137 | - { color: #E26B00 } | ||
| 138 | -body.category2 #content h1, body.category2 #content h2, body.category2 #content h3, | ||
| 139 | -body.category2 #content h4, body.category2 #content h5, body.category2 #content h6 | ||
| 140 | - { color: #58A80A } | ||
| 141 | -body.category3 #content h1, body.category3 #content h2, body.category3 #content h3, | ||
| 142 | -body.category3 #content h4, body.category3 #content h5, body.category3 #content h6 | ||
| 143 | - { color: #694371 } | ||
| 144 | -body.category4 #content h1, body.category4 #content h2, body.category4 #content h3, | ||
| 145 | -body.category4 #content h4, body.category4 #content h5, body.category4 #content h6 | ||
| 146 | - { color: #B80000 } | ||
| 147 | 135 | ||
| 148 | #content .block-title { | 136 | #content .block-title { |
| 149 | margin: 0px 0px 10px 0px; | 137 | margin: 0px 0px 10px 0px; |
| 150 | } | 138 | } |
| 151 | 139 | ||
| 152 | -#content ul li { | ||
| 153 | - list-style: url(/images/list-dot.gif); | ||
| 154 | -} | ||
| 155 | - | ||
| 156 | 140 | ||
| 157 | #better-browser-promotion { | 141 | #better-browser-promotion { |
| 158 | position: absolute; | 142 | position: absolute; |