Skip to content

W
website
Commit 7ff4938e authored by Leo Iannacone's avatar Leo Iannacone
Browse files
Options

Fist improvements

parent be765018
Hide whitespace changes
Inline Side-by-side
Showing with 122 additions and 110 deletions
forum/skins/light/media/style/auth.css
View file @ 7ff4938e
......@@ -18,7 +18,7 @@
float:left;
height:60px;
margin:3px;
width:110px;
width:140px;
}
.provider_logo.big .inner {
......
forum/skins/light/media/style/style.css
View file @ 7ff4938e
......@@ -25,6 +25,13 @@ h1, h2, h3, ul, li, form, img, p {
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
color: #222;
font-weight: normal;
margin-bottom: 20px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.14);
}
label {
/*vertical-align: middle;*/
}
......@@ -190,9 +197,6 @@ blockquote blockquote {
}
#wrapper, #announcement {
margin: auto;
min-width: 985px;
margin: 10px 20px;
}
#announcement {
......@@ -211,8 +215,9 @@ blockquote blockquote {
.container {
background: transparent;
margin: 0 15px;
margin: 0 auto;
padding: 0;
width: 985px;
}
#wrap {
......@@ -227,7 +232,7 @@ blockquote blockquote {
min-width: 985px;
padding: 0 5px;
position: relative;
font-size: 12px;
font-size: 13px;
}
#header .container {
......@@ -379,6 +384,8 @@ padding-top: 4px;
min-width: 974px;
}
#top {
display: block;
padding: 0 10px;
......@@ -398,6 +405,33 @@ padding-top: 4px;
text-decoration: none;
}
#content {
width: 985px;
margin: 10px auto;
}
#content-top {
background: url("../images/light/box-bottom-top.png") no-repeat scroll center top transparent;
height: 10px;
padding: 0;
width: 100%;
}
#content-center {
background: url("../images/light/box-content.png") repeat-y scroll center top transparent;
padding: 3px 15px;
}
#content-bottom {
background: url("../images/light/box-bottom-top.png") no-repeat scroll center bottom transparent;
height: 12px;
margin-bottom: 5px;
padding: 0;
width: 100%;
}
#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;
......@@ -414,16 +448,14 @@ padding-top: 4px;
#CALeft {
float: left;
width: 83.5%;
background-color: #e4e4e4;
width: 728px;
padding: 5px;
border: solid 1px #D4D4D4;
border-radius: 3px;
}
#CARight {
float: right;
width: 15%;
width: 210px;
border-left: 1px solid #EEE;
}
#CARight h3 {
......@@ -437,9 +469,6 @@ padding-top: 4px;
#CAFull {
float: left;
background-color: #e4e4e4;
border: solid 1px #D4D4D4;
border-radius: 3px;
width: 100%;
}
......@@ -587,10 +616,6 @@ padding-top: 4px;
padding-top: 5px;
margin-left: 5px;
margin-bottom: 10px;
background: #D7D7D7;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px;
}
.boxC p {
......@@ -613,9 +638,7 @@ padding-top: 4px;
}
.pagesize {
float: right;
margin-bottom: 16px;
margin-top: 10px;
text-align:center;
}
.paginator {
......@@ -770,15 +793,18 @@ a.medal:hover {
.tabsA a, .sticky-sort-tabs {
background: none repeat scroll 0 0 #EEEEEE;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
color: #888A85;
display: block;
float: left;
height: 20px;
line-height: 22px;
margin: 5px 4px 0 0;
text-decoration: none;
text-decoration: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 3px #D0D0D0;
-moz-box-shadow: 0 1px 3px #D0D0D0;
-webkit-box-shadow: 0 1px 3px #D0D0D0;
}
.tabsA a {
......@@ -800,9 +826,6 @@ a.medal:hover {
.tabsA a.on, .tabsA a:hover {
background: none repeat scroll 0 0 #FFFFFF;
color: #DD4818;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tabsA a:hover {
......@@ -866,12 +889,10 @@ a.medal:hover {
}
.headUser {
font-size: 20px;
font-weight: 800;
margin-bottom: 12px;
padding: 5px;
font-size: 2.4em;
float: left;
width: auto;
margin: 0.4em 0 0.8em;
}
.questions-related {
......@@ -1108,7 +1129,7 @@ span.form-error {
}
.preview-toggle {
color: #AAAAAA;
color: #444;
font-weight: 600;
text-align: left;
width: 100%;
......@@ -1363,9 +1384,21 @@ ins {
float: left;
}
#sub_header_options select {
background: none;
border: 1px solid #DDD;
border-right: 0;
border-radius: 3px 0 0 3px;
height: 26px;
margin-top: -3px;
color: #444;
margin-right: -1px;
padding-right: 4px;
padding-left: 6px;
}
#sub_header_search {
float: left;
margin-left: 15px;
}
#searchtags {
......@@ -1387,6 +1420,7 @@ ins {
font-size: 13px;
height: 18px;
width: 380px;
border-radius: 0 3px 3px 0;
}
#searchBar .searchInputGrey {
......@@ -1461,79 +1495,50 @@ padding: 6px;
margin-right: 4px;
}
.message {
background-color: #EEEEEE;
border: 1px solid #DD4814;
.message, .notify {
background: none repeat scroll 0 0 #F7F7F7;
border: 1px solid #F0F0F0;
padding: 10px 10px 12px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 10px 0;
padding: 5px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
position: relative;
}
.message p {
.message p, .notify p {
margin-bottom: 0;
font-size: 16px;
line-height: 22px;
margin: 0;
color: #333;
}
.darkred { /*Quando è un figlio di notify lo facciamo bianco, altrimenti lo convertiamo in arancio per i titoletti*/
color: #DD4818;
}
.notify > .darkred {
color: white;
}
.submit {
background-color: white;
border: 1px solid rgb(221, 72, 20);
cursor: pointer;
font-size: 120%;
font-weight: bold;
height: 30px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
}
.submit:hover {
background: none repeat scroll 0% 0% rgb(221, 72, 20);
color: rgb(255, 255, 255);
text-decoration: none;
padding: 0 20px;
background: #DD4814 url("../images/light/cta-background.png") repeat-x scroll 0 0 !important;
border-radius: 30px 30px 30px 30px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
display: block;
font-size: 15px;
line-height: 30px;
margin: 30px 10px 30px 0px;
color: white !important;
text-shadow: none;
float: left;
cursor:pointer;
border: 0;
}
.ask-body {
padding-right: 10px;
}
.notify {
background-color: #DD4814;
color: #444444;
font-weight: bold;
left: 0;
padding: 0;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 100;
}
.notify a, .notify a:hover {
color: #AEA79F;
text-decoration: none;
}
* html .notify {
position: absolute;
}
.notify p {
font-size: 16px;
margin-bottom: 5px;
margin-top: 5px;
}
.gravatar {
border-radius: 50%;
-moz-border-radius: 50%;
......@@ -1544,16 +1549,19 @@ padding: 6px;
cursor: pointer;
padding: 0 3px;
position: absolute;
right: 5px;
top: 5px;
background-image: url(../images/light/pictogram-delete-white.png);
right: 10px;
top: 0;
background-image: url(../images/light/delete.png);
background-repeat: no-repeat;
height: 20px;
width: 20px;
height: 100%;
width: 10px;
vertical-align: middle;
background-position-y: center;
}
#close-notify:hover {
text-decoration: none;
background-position-x: right;
}
.big {
......@@ -2081,7 +2089,7 @@ div.dialog, .context-menu-dropdown {
cursor: pointer;
}
div.dialog .dialog-content {
div.dialog .dialog-wcwontent {
padding: 12px 12px 42px 12px;
z-index: 1000;
}
......
forum/skins/light/templates/base_content.html
View file @ 7ff4938e
......@@ -56,9 +56,6 @@
<script type="text/javascript" src="{% media "/media/js/cookies.js" %}"></script>
<script type="text/javascript" src="{% media "/media/js/osqa.main.js" %}"></script>
{% if user_messages %}
<style type="text/css">
body { margin-top:2.4em; }
</style>
<script type="text/javascript">
$(document).ready(function() {
var element = $('#validate_email_alert');
......@@ -82,9 +79,23 @@
</div>
{% endif %}
{% include "header.html" %}
<div id="content">
<div id="content-top"></div>
<div id="content-center">
<div class="notify" style="display:none">
{% autoescape off %}
{% if user_messages %}
{% for message in user_messages %}
<p class="darkred">{{ message }}</p>
{% endfor %}
{% endif %}
{% endautoescape %}
<a id="close-notify" onclick="notify.close(true)"></a>
</div>
{% block page_center %}
<div id="wrapper">
<div id="room">
<div id="CAFull">
{% block content%}
{% endblock%}
......@@ -98,12 +109,15 @@
<!--<div class="spacer3"></div>-->
</div>
{% endblock %}
</div>
<div id="content-bottom"></div>
</div>
{% if settings.USE_CUSTOM_FOOTER|or_preview:request %}
{% ifequal settings.CUSTOM_FOOTER_MODE|or_preview:request "above" %}
<div id="custom_footer">
{{ settings.CUSTOM_FOOTER|or_preview:request|static_content:settings.CUSTOM_FOOTER_RENDER_MODE }}
</div>
{% endifequal %}
{% endifequal %}
<div id="ground">
{% ifequal settings.CUSTOM_FOOTER_MODE|or_preview:request "replace" %}
{{ settings.CUSTOM_FOOTER|or_preview:request|static_content:settings.CUSTOM_FOOTER_RENDER_MODE }}
......@@ -116,7 +130,7 @@
{{ settings.CUSTOM_FOOTER|or_preview:request|static_content:settings.CUSTOM_FOOTER_RENDER_MODE }}
</div>
{% endifequal %}
{% else %}
{% else %}
<div id="ground">
{% include "footer.html" %}
</div>
......@@ -139,16 +153,6 @@
</div>
<!-- Put all elements with fixed position here, IE6 fixed position fix: http://ryanfait.com/position-fixed-ie6/ -->
<div class="notify" style="display:none">
{% autoescape off %}
{% if user_messages %}
{% for message in user_messages %}
<p class="darkred">{{ message }}</p>
{% endfor %}
{% endif %}
{% endautoescape %}
<a id="close-notify" onclick="notify.close(true)"></a>
</div>
</body>
</html>
<!-- end template base_content.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