Commit e1885b862024dca6e9881a9a275378bccbb99bcc
1 parent
5a0be2fa
Exists in
new-theme
atualizando
Showing
9 changed files
with
79 additions
and
69 deletions
Show diff stats
cabecalho.css
... | ... | @@ -79,49 +79,6 @@ background-color: #fcdd4e;/*(amarelo-claro)*/ |
79 | 79 | |
80 | 80 | |
81 | 81 | |
82 | -/* logo */ | |
83 | -#logo { | |
84 | - padding: 0; | |
85 | - float: left; | |
86 | - width: 70%; | |
87 | -} | |
88 | - | |
89 | -#logo span { | |
90 | - display: block; | |
91 | -} | |
92 | - | |
93 | -#logo a { | |
94 | - display: block; | |
95 | - width: 100%; | |
96 | - color: #03316f !important; | |
97 | - margin: 1em 0px; | |
98 | -} | |
99 | - | |
100 | -#logo a, #logo #portal-title { | |
101 | - color: #03316f; | |
102 | -} | |
103 | - | |
104 | -#logo #portal-title { | |
105 | - margin: 30px 0px 46px 0px; | |
106 | - color: #03316f; | |
107 | - font-size: 40px; | |
108 | - font-family: 'Open Sans Extrabold', Arial, Helvetica, sans-serif; | |
109 | - font-weight: normal; | |
110 | - line-height: 1em; | |
111 | - letter-spacing: -0.05em; | |
112 | -} | |
113 | - | |
114 | -#logo .luongo { | |
115 | - font-size: 3em !important; | |
116 | - line-height: 1.1em; | |
117 | - margin-bottom: 0.2em; | |
118 | -} | |
119 | - | |
120 | -#logo #portal-description { | |
121 | - font-size: 1.2em; | |
122 | - text-transform: uppercase; | |
123 | -} | |
124 | - | |
125 | 82 | /* Site Actions */ |
126 | 83 | #portal-siteactions { |
127 | 84 | display: block; |
... | ... | @@ -1166,3 +1123,30 @@ float: right; |
1166 | 1123 | left: 27px; |
1167 | 1124 | border: 0; |
1168 | 1125 | } |
1126 | + | |
1127 | +/*-------------------------------------------------------------- | |
1128 | +2.2 - Header | |
1129 | +--------------------------------------------------------------*/ | |
1130 | +header { margin:0 auto; height: 195px; border-bottom:1px solid #eaeaea; } | |
1131 | +#logo { margin-top:55px; float:left; } | |
1132 | +#header-left { width:400px; } | |
1133 | +#header-right { float:right; width:530px; height:185px; } | |
1134 | +#header-right a { color:#ffffff; } | |
1135 | + | |
1136 | +#header-right-1 { float:right; width:258px; height:185px; } | |
1137 | +header .tile { display:block; float:right; margin:2px; width:125px; height:88px; position:relative; background-color:#257CAD; transition: all 300ms ease-out; } | |
1138 | +header .tile:hover { background:#5d6da2; background: linear-gradient(135deg, #5d6da2 0%,#5d6da2 50%,#546394 50%,#546394 100%); } | |
1139 | +header .tile-title { position:absolute; right:5px; bottom:5px; font-size:10px; font-weight:700; color:#ffffff; } | |
1140 | +header .tile-title a { font-weight:700; font-family: Open Sans; text-transform:uppercase; } | |
1141 | +header .tile img { margin-top:10px; margin-left:10px; } | |
1142 | +#header-right-2 { height:185px; width:270px; float:right; } | |
1143 | +header .tile2 { float:right; margin:2px; width:254px; height:88px; position:relative; background-color:#257CAD; font:24px QuicksandBold; text-align:center; color:#ffffff; } | |
1144 | +header .tile-avatar { margin-right:7px; border-right:4px solid #ffffff; float:left; } | |
1145 | +header .tile-avatar img { width:88px; height:88px; } | |
1146 | +header .tile-username { float:left; width:145px; font:18px QuicksandBold; margin-top:6px; text-align:left; } | |
1147 | +header .tile-username a { font-size:18px!important; color:#ffffff; } | |
1148 | +header .tile-logout { float:left; text-align:left; font:12px Open Sans; } | |
1149 | +header .tile-logout a { font-size:10px; text-transform:uppercase; font-weight:700; color:#ffffff; } | |
1150 | +header a.tile-messages { margin-top:11px; width:27px; text-align:left; display:block; padding-left:34px; float:right; background-image: url( images/tile-messages.png ); background-position: 0px 3px;background-repeat: no-repeat; } | |
1151 | +header .tile-messages a { line-height:24px; } | |
1152 | +#header-right-2 { float:right; width:270px; height:88px; } | ... | ... |
No preview for this file type
No preview for this file type
header.html.erb
... | ... | @@ -78,34 +78,53 @@ |
78 | 78 | <header> |
79 | 79 | |
80 | 80 | <div id="header-left"> |
81 | - <div id="logo"><a href="http://www.demo1.diaboliquedesign.com/4" title="Home"><img src="http://www.demo1.diaboliquedesign.com/4/logo.png" alt="Home"></a></div> | |
81 | + <div id="logo"> | |
82 | + <%= link_to(image_tag("/designs/themes/participa2-theme/images/medium-logo.png"), environment.top_url) %> | |
83 | + </div> | |
82 | 84 | </div><!-- #header-left --> |
83 | 85 | |
84 | -<div id="header-right"> | |
85 | - <div id="header-right-1"> | |
86 | - <a class="tile tile-forum" href="http://www.demo1.diaboliquedesign.com/4/forum"><img src="http://www.demo1.diaboliquedesign.com/4/wp-content/themes/OneCommunity/images/tile-forum.png" alt="FORUM"><span class="tile-title">FORUM</span></a> | |
87 | - <a class="tile tile-groups" href="http://www.demo1.diaboliquedesign.com/4/groups"><img src="http://www.demo1.diaboliquedesign.com/4/wp-content/themes/OneCommunity/images/tile-groups.png" alt="GROUPS"><span class="tile-title">GROUPS</span></a> | |
88 | - <a class="tile tile-help" href="http://www.demo1.diaboliquedesign.com/4/about-us"><img src="http://www.demo1.diaboliquedesign.com/4/wp-content/themes/OneCommunity/images/tile-info.png" alt="ABOUT US"><span class="tile-title">ABOUT US</span></a> | |
89 | - <a class="tile tile-activities" href="http://www.demo1.diaboliquedesign.com/4/activity"><img src="http://www.demo1.diaboliquedesign.com/4/wp-content/themes/OneCommunity/images/tile-activities.png" alt="ACTIVITY"><span class="tile-title">ACTIVITY</span></a> | |
90 | - </div><!-- #header-right-1 --> | |
91 | - | |
92 | -<div id="header-right-2"> | |
93 | -<div class="tile2"> | |
94 | - | |
95 | - <div id="tile-user"> | |
96 | - <div class="tile-avatar"><img src="http://www.demo1.diaboliquedesign.com/4/wp-content/themes/OneCommunity/images/avatar.gif" alt="Avatar" width="88" height="88"></div> | |
97 | - <div class="tile-username">Hello<br>Guest</div> | |
98 | - <span class="tile-title"><a href="http://www.demo1.diaboliquedesign.com/4/login">Log In</a> <span class="tile-register">or <a href="http://www.demo1.diaboliquedesign.com/4/register">Sign Up</a></span></span> | |
99 | - </div> | |
100 | - | |
101 | - </div><!-- .tile2 --> | |
102 | - | |
103 | - <div class="header-right-2-bottom"> | |
104 | - <a class="tile tile-users" href="http://www.demo1.diaboliquedesign.com/4/members"><img src="http://www.demo1.diaboliquedesign.com/4/wp-content/themes/OneCommunity/images/tile-members.png" alt="MEMBERS"><span class="tile-title">MEMBERS</span></a> | |
105 | - <a class="tile tile-blog" href="http://www.demo1.diaboliquedesign.com/4/blog"><img src="http://www.demo1.diaboliquedesign.com/4/wp-content/themes/OneCommunity/images/tile-blog.png" alt="BLOG"><span class="tile-title">BLOG</span></a> | |
106 | - </div><!-- .header-right-2-bottom --> | |
107 | -</div><!-- .header-right-2 --> | |
108 | -</div><!-- #header-right --> | |
86 | + <div id="header-right"> | |
87 | + <div id="header-right-1"> | |
88 | + <a class="tile tile-forum" href="http://www.demo1.diaboliquedesign.com/4/forum"><img src="http://www.demo1.diaboliquedesign.com/4/wp-content/themes/OneCommunity/images/tile-forum.png" alt="FORUM"><span class="tile-title">FORUM</span></a> | |
89 | + <a class="tile tile-groups" href="http://www.demo1.diaboliquedesign.com/4/groups"><img src="http://www.demo1.diaboliquedesign.com/4/wp-content/themes/OneCommunity/images/tile-groups.png" alt="GROUPS"><span class="tile-title">GROUPS</span></a> | |
90 | + <a class="tile tile-help" href="http://www.demo1.diaboliquedesign.com/4/about-us"><img src="http://www.demo1.diaboliquedesign.com/4/wp-content/themes/OneCommunity/images/tile-info.png" alt="ABOUT US"><span class="tile-title">ABOUT US</span></a> | |
91 | + <a class="tile tile-activities" href="http://www.demo1.diaboliquedesign.com/4/activity"><img src="http://www.demo1.diaboliquedesign.com/4/wp-content/themes/OneCommunity/images/tile-activities.png" alt="ACTIVITY"><span class="tile-title">ACTIVITY</span></a> | |
92 | + </div><!-- #header-right-1 --> | |
93 | + | |
94 | + <div id="header-right-2"> | |
95 | + <div class="tile2"> | |
96 | + | |
97 | + <div id="tile-user"> | |
98 | + | |
99 | + <% if false %> | |
100 | + <% else %> | |
101 | + <span class='not-logged-in'> | |
102 | + <div class="tile-avatar"><img src="http://www.demo1.diaboliquedesign.com/4/wp-content/themes/OneCommunity/images/avatar.gif" alt="Avatar" width="88" height="88"></div> | |
103 | + <div class="tile-username">Hello<br>Guest</div> | |
104 | + <span class='tile-title'> | |
105 | + <%= thickbox_inline_popup_link('<i class="icon-menu-login"></i><strong>' + _('Login') + '</strong>', login_url, 'inlineLoginBox', :id => 'link_login') %> | |
106 | + <%= @plugins.dispatch(:alternative_authentication_link).collect { |content| instance_exec(&content) }.join("") %> | |
107 | + <% unless @plugins.dispatch(:allow_user_registration).include?(false) %> | |
108 | + <span> <%= _('or') %> </span> | |
109 | + <span class='tile-register'> | |
110 | + <%= link_to('<strong>' + _('Sign up') + '</strong>', :controller => 'account', :action => 'signup')%> | |
111 | + </span> | |
112 | + <% end %> | |
113 | + <div id='inlineLoginBox' style='display: none;'> | |
114 | + <%= render :file => 'account/login', :locals => { :is_thickbox => true } %> | |
115 | + </div> | |
116 | + </span> | |
117 | + <% end %> | |
118 | + </div> | |
119 | + | |
120 | + </div><!-- .tile2 --> | |
121 | + | |
122 | + <div class="header-right-2-bottom"> | |
123 | + <%= link_to(image_tag("/designs/themes/participa2-theme/images/tile-members.png") + "<span class='tile-title'>" + _('Members') + "</span>", {:controller => 'search', :action => 'people', :filter => 'more_recent'}, :class => 'tile tile-users')%> | |
124 | + <%= link_to(image_tag("/designs/themes/participa2-theme/images/tile-blog.png") + "<span class='tile-title'>" + _('Blog') + "</span>", {:controller => 'search', :action => 'people', :filter => 'more_recent'}, :class => 'tile tile-blog')%> | |
125 | + </div><!-- .header-right-2-bottom --> | |
126 | + </div><!-- .header-right-2 --> | |
127 | + </div><!-- #header-right --> | |
109 | 128 | |
110 | 129 | |
111 | 130 | </header> | ... | ... |
20.6 KB
15.5 KB
1.74 KB
2.26 KB
style.css