Download as
Browse Code »

Commit e1885b862024dca6e9881a9a275378bccbb99bcc

Authored by Leandro Santos
1 parent 5a0be2fa
Exists in new-theme

atualizando

Showing 9 changed files with 79 additions and 69 deletions   Show diff stats
@@ -79,49 +79,6 @@ background-color: #fcdd4e;/*(amarelo-claro)*/ @@ -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 /* Site Actions */ 82 /* Site Actions */
126 #portal-siteactions { 83 #portal-siteactions {
127 display: block; 84 display: block;
@@ -1166,3 +1123,30 @@ float: right; @@ -1166,3 +1123,30 @@ float: right;
1166 left: 27px; 1123 left: 27px;
1167 border: 0; 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; }
header-left.css 0 → 100644
View file @e1885b8
No preview for this file type
header-right.css 0 → 100644
View file @e1885b8
No preview for this file type
header.html.erb
  Diff comments   View file @e1885b8
@@ -78,34 +78,53 @@ @@ -78,34 +78,53 @@
78 <header> 78 <header>
79 79
80 <div id="header-left"> 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 </div><!-- #header-left --> 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&nbsp;<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 </header> 130 </header>
images/big-logo.png 0 → 100644
View file @e1885b8

20.6 KB
images/medium-logo.png 0 → 100644
View file @e1885b8

15.5 KB
images/tile-blog.png 0 → 100644
View file @e1885b8

1.74 KB
images/tile-members.png 0 → 100644
View file @e1885b8

2.26 KB
@@ -6,6 +6,11 @@ @@ -6,6 +6,11 @@
6 @import url(style-core.css); 6 @import url(style-core.css);
7 @import url(user-menu.css); 7 @import url(user-menu.css);
8 8
  9 +
  10 +/****************** Header ******************/
  11 +@import url(header-left.css);
  12 +@import url(header-right.css);
  13 +
9 body, th, td, input { 14 body, th, td, input {
10 font-family: Open Sans; 15 font-family: Open Sans;
11 } 16 }