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
Hide 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 {
}
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;
margin: 0 1px 0 0;
padding: 0;
......@@ -193,77 +193,82 @@ blockquote blockquote {
background-color: #FFF;
}
#fixed-header {
height: 120px;
}
.container {
background: transparent;
margin: 0 15px;
padding: 0;
}
#wrap {
min-width: 985px;
}
#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;
margin: 0 2px;
text-shadow: 0 1px black;
min-width: 985px;
padding: 0 5px;
position: relative;
font-size: 12px;
font-size: 12px;
}
#roof {
background: url("../images/ubuntu/topnav_divider.png") no-repeat scroll left top transparent !important;
#header .container {
background: url("../images/light/topnav_divider.png") no-repeat scroll left top transparent !important;
height: 100%;
padding-left: 2px;
}
#room {
background-color: #FFFFFF;
border-bottom: 1px solid #777777;
padding: 10px 0;
}
#CALeft {
float: left;
position: relative;
width: 84%;
#header li, #header li.last {
border: 0 none;
}
#CARight {
float: right;
width: 15%;
#header .links {
margin-left: 0;
}
#CAFull {
#header li {
background: url("../images/light/topnav_divider.png") no-repeat scroll right top transparent !important;
padding-right: 2px;
float: left;
padding: 0 5px;
width: 950px;
}
#ground {
padding-bottom: 0;
padding-top: 6px;
text-align: center;
width: 990px;
margin: 0;
padding-right: 2px;
list-style: none;
}
#ground a, #ground a:hover, #ground a:visited {
color: black;
#header li a {
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 {
float: right;
padding: 3px;
text-align: right;
#header li.active-trail a, #header li a.active, #header li.active a, #header li a:hover {
background: url("../images/light/header_b_active.png") repeat-x scroll left top #B83A10 !important;
text-decoration: none;
}
#top a {
color: #333333;
font-size: 12px;
height: 35px;
margin-left: 20px;
text-align: right;
text-decoration: underline;
#page-header { display: none; }
#page-body {
overflow: hidden;
margin-top: 0px;
padding-top: 4px;
}
#logo {
float: right;
padding: 0 15px 0 0;
float:right;
color: white;
text-shadow: none;
padding: 0;
}
#logo > span {
......@@ -294,6 +299,27 @@ blockquote blockquote {
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 {
float: right;
font-size: 10.5px;
......@@ -312,7 +338,7 @@ blockquote blockquote {
}
#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;
background: rgba(0, 0, 0, 0.25);
border: 1px solid rgba(0, 0, 0, 0.1);
......@@ -320,45 +346,13 @@ blockquote blockquote {
border-radius: 0 0 4px 4px;
}
#nav {
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;
#subheader .container-inside {
background: url("../images/light/header-shadow.png") repeat-x scroll center top #F7F7F7;
border-radius: 0 0 8px 8px;
-webkit-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;
width: 96%;
background-color: #F7F7F7;
......@@ -366,56 +360,72 @@ blockquote blockquote {
-webkit-box-shadow: 0 1px 1px #DFDFDF;
-moz-box-shadow: 0 1px 1px #DFDFDF;
font-size: 12px;
padding-top: 16px;
padding-right: 15px;
height: 44px;
}
#sub_header_options {
float: left;
#top {
display: block;
padding: 0 10px;
float: right;
}
#sub_header_search {
#top a {
clear: none;
color: #333333;
display: block;
float: left;
margin-left: 15px;
text-shadow: none;
width: auto;
line-height: 40px;
margin: 0;
padding: 0 15px;
text-decoration: none;
}
#searchBar {
float: left;
margin-left: 15px;
#top a:focus, #top a:hover, #top a:active, #top li.active a {
background: url("../images/light/header-shadow.png") repeat-x scroll center top #F2F2F2;
border-bottom: medium solid #666666;
color: #DD4814;
}
#searchBar .content {
#top a:hover {
border-color: #DD4814;
}
#searchBar .searchInput {
border: 0px;
padding: 3px;
font-size: 13px;
height: 18px;
width: 380px;
#room {
background-color: #FFFFFF;
border-bottom: 1px solid #777777;
padding: 10px 0;
}
#searchBar .searchBtn {
font-size: 14px;
height: 26px;
width: 80px;
#CALeft {
float: left;
position: relative;
width: 84%;
}
#searchBar .options {
color: #333333;
font-size: 120%;
padding: 3px 0;
#CARight {
float: right;
width: 15%;
}
#searchBar .options input {
margin: 0 3px 0 15px;
#CAFull {
float: left;
padding: 0 5px;
width: 950px;
}
#searchBar .options input:hover {
cursor: pointer;
#ground {
padding-bottom: 0;
padding-top: 6px;
text-align: center;
width: 990px;
}
#ground a, #ground a:hover, #ground a:visited {
color: black;
}
#listA {
background-color: #FFFFFF;
float: left;
......@@ -1254,6 +1264,76 @@ ins {
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 {
color: #3060A8;
font-size: 13px;
......
forum/skins/light/templates/header.html
View file @ a22c44ec
<!-- template header.html -->
{% load extra_tags ui_registry i18n extra_filters markup %}
<div id="header" class="shadowed curved-bottom">
<div id="roof">
<ul id="nav">
{% 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>
{% endspaceless %}{% endloopregistry %}
<li><a id="nav_{{ tab_name }}" href="{% url ask %}" >{% trans "ask a question" %}</a></li>
</ul>
<div id="logo">
<div id="ubuntu-it-sites">
<a id="" href="http://www.ubuntu-it.org">web</a>
<a href="http://wiki.ubuntu-it.org">wiki</a>
<a id="" href="http://forum.ubuntu-it.org">forum</a>
<a class="active" id="" href="http://chiedi.ubuntu-it.org">chiedi</a>
<a id="" href="http://cerca.ubuntu-it.org">cerca</a>
<a id="" href="http://planet.ubuntu-it.org">planet</a>
</div>
<a href="/" title="Ubuntu - Chiedi alla comunità italiana">
<span>chiedi</span>ubuntu-it
</a>
<span>comunità italiana</span>
</div>
<div id="fixed-header">
<div id="header" class="shadowed curved-bottom"> <!--Menù arancione-->
<div class="container">
<ul class="links">
{% 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>
{% endspaceless %}{% endloopregistry %}
<li><a id="nav_{{ tab_name }}" href="{% url ask %}" >{% trans "ask a question" %}</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<div id="sub_header">
<div id="searchBar">
<form action="{% url search %}" method="get">
{% csrf_token %}
<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">
<option value="question" selected>{% trans "questions" %}</option>
<option value="tag">{% trans "tags" %}</option>
<option value="user">{% trans "users" %}</option>
</select>
</div>
<div id="sub_header_search">
<input type="text" class="searchInput" value="{{ keywords }}" name="q" id="keywords" />
<input type="submit" name="Submit" value="{% trans "search" %}" class="searchBtn" />
<div id="logo">
<div id="ubuntu-it-sites">
<a id="" href="http://www.ubuntu-it.org">web</a>
<a href="http://wiki.ubuntu-it.org">wiki</a>
<a id="" href="http://forum.ubuntu-it.org">forum</a>
<a class="active" id="" href="http://chiedi.ubuntu-it.org">chiedi</a>
<a id="" href="http://cerca.ubuntu-it.org">cerca</a>
<a id="" href="http://planet.ubuntu-it.org">planet</a>
</div>
</form>
<a href="/" title="Ubuntu - Chiedi alla comunità italiana">
<span>chiedi</span>ubuntu-it
</a>
<span>comunità italiana</span>
</div>
<div class="buttons">
<div id="accessibility" title="Maggiore focus ai contenuti" onclick="accessibility_toggle();"></div>
</div>
</div>
<div id="top">
{% loadregistry header_links %}{% endloadregistry %}
</div>
</div>
<div class="clear"></div>
{% if settings.USE_ANNOUNCEMENT_BAR|or_preview:request %}
<div id="announcement">
{{ settings.ANNOUNCEMENT_BAR|or_preview:request|static_content:settings.ANNOUNCEMENT_BAR_RENDER_MODE }}
</div>
{% endif %}
</div>
<div id="subheader">
<div class="container">
<div class="container-inside">
<div id="searchBar">
<form action="{% url search %}" method="get">
{% csrf_token %}
<div class="options" id="sub_header_options">
<select name="t">
<option value="question" selected>{% trans "questions" %}</option>
<option value="tag">{% trans "tags" %}</option>
<option value="user">{% trans "users" %}</option>
</select>
</div>
<div id="sub_header_search">
<input type="text" class="searchInput" value="{{ keywords }}" name="q" id="keywords" />
<input type="submit" name="Submit" value="{% trans "search" %}" class="searchBtn" />
</div>
</form>
</div>
<div id="top">
{% loadregistry header_links %}{% endloadregistry %}
</div>
</div>
</div>
<div class="clear"></div>
{% if settings.USE_ANNOUNCEMENT_BAR|or_preview:request %}
<div id="announcement">
{{ settings.ANNOUNCEMENT_BAR|or_preview:request|static_content:settings.ANNOUNCEMENT_BAR_RENDER_MODE }}
</div>
{% endif %}
</div>
</div>
<!-- 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