Skip to content

W
website
Commit a22c44ec authored by Riccardo Padovani's avatar Riccardo Padovani
Browse files
Options

Aggiornato header.html e style.css

parent 842a9b3c
Show whitespace changes
Inline Side-by-side
Showing with 251 additions and 167 deletions
forum/skins/light/media/style/style.css
View file @ a22c44ec
...@@ -8,7 +8,7 @@ html { ...@@ -8,7 +8,7 @@ html {
} }
body { body {
background: url("../images/ubuntu/dotted.png") repeat scroll 0 0 #F5F6F7; background: url("../images/light/dotted.png") repeat scroll 0 0 #F5F6F7;
min-width: 985px; min-width: 985px;
margin: 0 1px 0 0; margin: 0 1px 0 0;
padding: 0; padding: 0;
...@@ -193,8 +193,22 @@ blockquote blockquote { ...@@ -193,8 +193,22 @@ blockquote blockquote {
background-color: #FFF; background-color: #FFF;
} }
#fixed-header {
height: 120px;
}
.container {
background: transparent;
margin: 0 15px;
padding: 0;
}
#wrap {
min-width: 985px;
}
#header { #header {
background: url("../images/ubuntu/header.png") repeat-x scroll left top #DD4814; background: url("../images/light/header_b.png") repeat-x scroll left top #DD4814;
height: 64px; height: 64px;
margin: 0 2px; margin: 0 2px;
text-shadow: 0 1px black; text-shadow: 0 1px black;
...@@ -204,66 +218,57 @@ blockquote blockquote { ...@@ -204,66 +218,57 @@ blockquote blockquote {
font-size: 12px; font-size: 12px;
} }
#roof { #header .container {
background: url("../images/ubuntu/topnav_divider.png") no-repeat scroll left top transparent !important; background: url("../images/light/topnav_divider.png") no-repeat scroll left top transparent !important;
height: 100%; height: 100%;
padding-left: 2px; padding-left: 2px;
}
#room {
background-color: #FFFFFF;
border-bottom: 1px solid #777777;
padding: 10px 0;
} }
#CALeft { #header li, #header li.last {
float: left; border: 0 none;
position: relative;
width: 84%;
} }
#CARight { #header .links {
float: right; margin-left: 0;
width: 15%;
} }
#CAFull { #header li {
background: url("../images/light/topnav_divider.png") no-repeat scroll right top transparent !important;
padding-right: 2px;
float: left; float: left;
padding: 0 5px; margin: 0;
width: 950px; padding-right: 2px;
} list-style: none;
#ground {
padding-bottom: 0;
padding-top: 6px;
text-align: center;
width: 990px;
} }
#ground a, #ground a:hover, #ground a:visited { #header li a {
color: black; background: url("../images/light/header_b.png") repeat-x scroll left top #DD4814;
height: 64px;
line-height: 64px;
padding: 0 7px 0 5px;
color: #FFFFFF;
text-shadow: 1px 1px 1px #333333;
float: left;
} }
#top { #header li.active-trail a, #header li a.active, #header li.active a, #header li a:hover {
float: right; background: url("../images/light/header_b_active.png") repeat-x scroll left top #B83A10 !important;
padding: 3px; text-decoration: none;
text-align: right;
} }
#top a { #page-header { display: none; }
color: #333333; #page-body {
font-size: 12px; overflow: hidden;
height: 35px; margin-top: 0px;
margin-left: 20px; padding-top: 4px;
text-align: right;
text-decoration: underline;
} }
#logo { #logo {
float: right; float:right;
padding: 0 15px 0 0;
color: white; color: white;
text-shadow: none; text-shadow: none;
padding: 0;
} }
#logo > span { #logo > span {
...@@ -294,6 +299,27 @@ blockquote blockquote { ...@@ -294,6 +299,27 @@ blockquote blockquote {
text-decoration: none; text-decoration: none;
} }
#header .buttons {
cursor: pointer;
float: left;
margin-left: 5px;
margin-top: 5px;
}
#header .buttons #accessibility {
background: url("../images/light/accessibility.png") repeat scroll 0 0 transparent;
height: 24px;
width: 24px;
}
#header .buttons #accessibility:hover {
background-position: center bottom;
}
#header .buttons #accessibility:active {
background-position: 24px 50%;
}
#header #ubuntu-it-sites { #header #ubuntu-it-sites {
float: right; float: right;
font-size: 10.5px; font-size: 10.5px;
...@@ -312,7 +338,7 @@ blockquote blockquote { ...@@ -312,7 +338,7 @@ blockquote blockquote {
} }
#header #ubuntu-it-sites a.active { #header #ubuntu-it-sites a.active {
background: url(images/light/header-uit-bk.png) repeat; background: url(../images/light/header-uit-bk.png) repeat;
border: 1px solid #6F202A; border: 1px solid #6F202A;
background: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1);
...@@ -320,45 +346,13 @@ blockquote blockquote { ...@@ -320,45 +346,13 @@ blockquote blockquote {
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
} }
#subheader .container-inside {
#nav { background: url("../images/light/header-shadow.png") repeat-x scroll center top #F7F7F7;
margin: 0;
padding: 0;
}
#nav a {
background: url("../images/ubuntu/header.png") repeat-x scroll left top #DD4814;
height: 64px;
line-height: 64px;
padding: 0 7px 0 5px;
color: #FFFFFF;
text-shadow: 1px 1px 1px #333333;
float: left;
text-decoration: none;
text-transform: capitalize;
margin: 0;
}
#nav a.on, #nav a:hover {
background: url("../images/ubuntu/header_b_active.png") repeat-x scroll left top #B83A10 !important;
text-decoration: none;
}
#nav li {
background: url("../images/ubuntu/topnav_divider.png") no-repeat scroll right top transparent !important;
padding-right: 2px;
float: left;
margin: 0;
list-style-type: none;
display: inline;
}
#sub_header {
background: url("../images/ubuntu/header-shadow.png") repeat-x scroll center top #F7F7F7;
border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px;
margin: 0 auto 25px auto; height: 39px;
margin: 0 auto;
position: relative; position: relative;
width: 96%; width: 96%;
background-color: #F7F7F7; background-color: #F7F7F7;
...@@ -366,56 +360,72 @@ blockquote blockquote { ...@@ -366,56 +360,72 @@ blockquote blockquote {
-webkit-box-shadow: 0 1px 1px #DFDFDF; -webkit-box-shadow: 0 1px 1px #DFDFDF;
-moz-box-shadow: 0 1px 1px #DFDFDF; -moz-box-shadow: 0 1px 1px #DFDFDF;
font-size: 12px; font-size: 12px;
padding-top: 16px;
padding-right: 15px;
height: 44px;
} }
#sub_header_options { #top {
float: left; display: block;
padding: 0 10px;
float: right;
} }
#sub_header_search { #top a {
clear: none;
color: #333333;
display: block;
float: left; float: left;
margin-left: 15px; text-shadow: none;
width: auto;
line-height: 40px;
margin: 0;
padding: 0 15px;
text-decoration: none;
} }
#searchBar { #top a:focus, #top a:hover, #top a:active, #top li.active a {
float: left; background: url("../images/light/header-shadow.png") repeat-x scroll center top #F2F2F2;
margin-left: 15px; border-bottom: medium solid #666666;
color: #DD4814;
} }
#searchBar .content { #top a:hover {
border-color: #DD4814;
} }
#searchBar .searchInput { #room {
border: 0px; background-color: #FFFFFF;
padding: 3px; border-bottom: 1px solid #777777;
font-size: 13px; padding: 10px 0;
height: 18px;
width: 380px;
} }
#searchBar .searchBtn { #CALeft {
font-size: 14px; float: left;
height: 26px; position: relative;
width: 80px; width: 84%;
} }
#searchBar .options { #CARight {
color: #333333; float: right;
font-size: 120%; width: 15%;
padding: 3px 0;
} }
#searchBar .options input { #CAFull {
margin: 0 3px 0 15px; float: left;
padding: 0 5px;
width: 950px;
} }
#searchBar .options input:hover { #ground {
cursor: pointer; padding-bottom: 0;
padding-top: 6px;
text-align: center;
width: 990px;
} }
#ground a, #ground a:hover, #ground a:visited {
color: black;
}
#listA { #listA {
background-color: #FFFFFF; background-color: #FFFFFF;
float: left; float: left;
...@@ -1254,6 +1264,76 @@ ins { ...@@ -1254,6 +1264,76 @@ ins {
margin-left: 3px; margin-left: 3px;
} }
#subheader .score, .accept_rate {
float: left;
line-height: 40px;
margin-left: 0px;
}
#subheader .silver, .badge2 {
float: left;
line-height: 40px;
margin-left: 0px;
}
#subheader .bronze, .badge3 {
float: left;
line-height: 40px;
margin-left: 0px;
}
#subheader .badgecount {
float: left;
line-height: 40px;
margin-left: 0px;
}
#sub_header_options {
float: left;
}
#sub_header_search {
float: left;
margin-left: 15px;
}
#searchBar {
float: left;
margin-left: 15px;
margin-top: 7px;
}
#searchBar .content {
}
#searchBar .searchInput {
border: 0px;
padding: 3px;
font-size: 13px;
height: 18px;
width: 380px;
}
#searchBar .searchBtn {
font-size: 14px;
height: 26px;
width: 80px;
}
#searchBar .options {
color: #333333;
font-size: 120%;
padding: 3px 0;
}
#searchBar .options input {
margin: 0 3px 0 15px;
}
#searchBar .options input:hover {
cursor: pointer;
}
.footerLinks { .footerLinks {
color: #3060A8; color: #3060A8;
font-size: 13px; font-size: 13px;
......
forum/skins/light/templates/header.html
View file @ a22c44ec
<!-- template header.html --> <!-- template header.html -->
{% load extra_tags ui_registry i18n extra_filters markup %} {% load extra_tags ui_registry i18n extra_filters markup %}
<div id="header" class="shadowed curved-bottom"> <div id="fixed-header">
<div id="roof"> <div id="header" class="shadowed curved-bottom"> <!--Menù arancione-->
<div class="container">
<ul id="nav"> <ul class="links">
{% loopregistry page_top_tabs %}{% spaceless %} {% loopregistry page_top_tabs %}{% spaceless %}
<li><a id="nav_{{ tab_name }}"{% ifequal tab tab_name %} class="on"{% endifequal %} href="{{ tab_url }}" >{{ tab_title }}</a></li> <li><a id="nav_{{ tab_name }}"{% ifequal tab tab_name %} class="on"{% endifequal %} href="{{ tab_url }}" >{{ tab_title }}</a></li>
{% endspaceless %}{% endloopregistry %} {% endspaceless %}{% endloopregistry %}
...@@ -25,42 +25,46 @@ ...@@ -25,42 +25,46 @@
<span>comunità italiana</span> <span>comunità italiana</span>
</div> </div>
<div class="buttons">
<div id="accessibility" title="Maggiore focus ai contenuti" onclick="accessibility_toggle();"></div>
</div>
</div>
</div> </div>
</div>
<div class="clear"></div> <div id="subheader">
<div id="sub_header"> <div class="container">
<div class="container-inside">
<div id="searchBar"> <div id="searchBar">
<form action="{% url search %}" method="get"> <form action="{% url search %}" method="get">
{% csrf_token %} {% csrf_token %}
<div class="options" id="sub_header_options"> <div class="options" id="sub_header_options">
<!--Metodo dei radio button
<input id="type-question" type="radio" value="question" name="t"
checked="checked" /><label for="type-question">{% trans "questions" %}</label>
<input id="type-tag" type="radio" value="tag" name="t" /><label for="type-tag">{% trans "tags" %}</label>
<input id="type-user" type="radio" value="user" name="t" /><label for="type-user">{% trans "users" %}</label>
-->
<select name="t"> <select name="t">
<option value="question" selected>{% trans "questions" %}</option> <option value="question" selected>{% trans "questions" %}</option>
<option value="tag">{% trans "tags" %}</option> <option value="tag">{% trans "tags" %}</option>
<option value="user">{% trans "users" %}</option> <option value="user">{% trans "users" %}</option>
</select> </select>
</div> </div>
<div id="sub_header_search"> <div id="sub_header_search">
<input type="text" class="searchInput" value="{{ keywords }}" name="q" id="keywords" /> <input type="text" class="searchInput" value="{{ keywords }}" name="q" id="keywords" />
<input type="submit" name="Submit" value="{% trans "search" %}" class="searchBtn" /> <input type="submit" name="Submit" value="{% trans "search" %}" class="searchBtn" />
</div> </div>
</form> </form>
</div> </div>
<div id="top"> <div id="top">
{% loadregistry header_links %}{% endloadregistry %} {% loadregistry header_links %}{% endloadregistry %}
</div> </div>
</div> </div>
</div>
<div class="clear"></div> <div class="clear"></div>
{% if settings.USE_ANNOUNCEMENT_BAR|or_preview:request %} {% if settings.USE_ANNOUNCEMENT_BAR|or_preview:request %}
<div id="announcement"> <div id="announcement">
{{ settings.ANNOUNCEMENT_BAR|or_preview:request|static_content:settings.ANNOUNCEMENT_BAR_RENDER_MODE }} {{ settings.ANNOUNCEMENT_BAR|or_preview:request|static_content:settings.ANNOUNCEMENT_BAR_RENDER_MODE }}
</div> </div>
{% endif %} {% endif %}
</div>
</div>
<!-- end template header.html --> <!-- end template header.html -->
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment