Commit 3b9bedaa8716b8baabdf218cc80a0f377fff69ad
1 parent
35770e59
Exists in
master
and in
28 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 | 33 | <%= stylesheet_link_tag '/designs/templates/default/stylesheets/style.css' %> |
| 34 | 34 | <%= stylesheet_link_tag '/designs/icons/default/style.css' %> |
| 35 | 35 | |
| 36 | + <%= javascript_include_tag 'default-config' %> | |
| 36 | 37 | <%= javascript_include_tag :defaults %> |
| 37 | 38 | <%# javascript_include_tag 'animator' %> |
| 38 | 39 | <%= javascript_include_tag 'menu' %> |
| 40 | + <%= javascript_include_tag 'auto-open-menu' %> | |
| 39 | 41 | <%= include_lightbox_header %> |
| 40 | 42 | <%# cms stuff %> |
| 41 | 43 | <% if @controller.controller_name == 'cms' %> | ... | ... |
app/views/shared/categories_menu.rhtml
| ... | ... | @@ -25,4 +25,8 @@ |
| 25 | 25 | <div id="assets_menu_layout_iten"></div> |
| 26 | 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 | - | |
| 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 | 48 | a:hover, a:active { color: #08F } |
| 49 | 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 | 70 | /* file manager (big) style */ |
| 52 | 71 | |
| 53 | 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 @@ |
| 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 | 7 | |
| 8 | 8 | #beta-tag { |
| 9 | 9 | position: absolute; |
| 10 | - top: 50px; | |
| 11 | - left: 50px; | |
| 10 | + top: 40px; | |
| 11 | + left: 40px; | |
| 12 | 12 | background-image: url(../images/beta.gif); |
| 13 | - width: 128px; | |
| 14 | - height: 36px; | |
| 13 | + width: 79px; | |
| 14 | + height: 25px; | |
| 15 | 15 | } |
| 16 | 16 | #beta-tag span { |
| 17 | 17 | display: none; |
| ... | ... | @@ -132,27 +132,11 @@ div#notice { |
| 132 | 132 | #content h4 { font-size: 16px } |
| 133 | 133 | #content h5 { font-size: 14px } |
| 134 | 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 | 136 | #content .block-title { |
| 149 | 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 | 141 | #better-browser-promotion { |
| 158 | 142 | position: absolute; | ... | ... |