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