Commit e1885b862024dca6e9881a9a275378bccbb99bcc

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

atualizando

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; }
... ...
header-left.css 0 → 100644
No preview for this file type
header-right.css 0 → 100644
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&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 130 </header>
... ...
images/big-logo.png 0 → 100644

20.6 KB

images/medium-logo.png 0 → 100644

15.5 KB

images/tile-blog.png 0 → 100644

1.74 KB

images/tile-members.png 0 → 100644

2.26 KB

style.css
... ... @@ -6,6 +6,11 @@
6 6 @import url(style-core.css);
7 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 14 body, th, td, input {
10 15 font-family: Open Sans;
11 16 }
... ...