source: publico/PortalInterlegis/produtos/il.portalinterlegis/src/il/portalinterlegis/sass/style.scss @ 6453

Última Alteração nesse arquivo desde 6453 foi 6453, incluída por mazza, 9 anos atrás

design: ajuste

File size: 4.6 KB
Linha 
1
2// VARIABLES
3// ================================================================
4
5$width: 960px;
6
7// COLORS
8$blue: #4C71A1;        // menus, headers 
9$medium-blue: #00377b; // begining of titles
10$dark-blue: #0d2651;
11
12$footer-blue: #25528c; // used only in the footer
13
14// IMPORTS
15// ================================================================
16
17@import "dotted-deco";
18@import "footer";
19
20// GENERAL
21// ================================================================
22
23body {
24    font-family: Mako, sans-serif;
25    font-size: 12px; //TODO rever este tamanho
26    background-image:url('../img/net.png');
27}
28
29h1, h2, h3, h4, h5, h6 {
30    font-family: Mako, sans-serif;
31}
32
33// NOTE: we convention that __<name> classes should not be used in the markup:
34// they are ment just to compose other classes via sass @extend
35.__white-font {
36    color: white;
37    a:link, a:visited {
38        color: white;
39    }
40}
41
42#top-bar {
43    @extend .__white-font;
44    background: url(../img/fundo-barra-superior.png) repeat-x scroll 0 0 #eef;
45    height: 50px;
46}
47
48div.middle-container {
49    max-width: $width;
50    margin: 0 auto;
51}
52
53// EDIT BAR
54#edit-bar {
55    margin-top: 10px;
56    font-size: 100%;
57    #contentActionMenus {
58        right: -3px;
59    }
60}
61
62#portal-columns {
63    background: white;
64}
65
66// HEADER
67// ================================================================
68
69#portal-personaltools {
70    background: transparent;
71    border-radius: 0;
72    padding: 0;
73    margin: -14px 0 0 0;
74    #personaltools-login, #user-name {
75        background: url("../img/person.png") no-repeat right top transparent;
76        padding: 9px 25px 0 0;
77        margin: 0;
78        color: black;
79    }
80    dt.actionMenuHeader a:after {
81        content: none;
82    }
83    #anon-personalbar, #actionMenuHeader {
84        margin: 0;
85        a {
86            margin: 0;
87        }
88    }
89    &.deactivated dt {
90        margin: 0;
91    }
92    &.activated dd {
93        border-radius: 0;
94    }
95}
96
97// BUSCA
98#portal-searchbox {
99    margin: 73px 0 30px 0;
100    input {
101        border: none;
102        height: 30px;
103        &[type="text"] {
104            background: url("../img/search-open-brace.png") no-repeat left top white;
105            width: 272px;
106            padding-left: 10px;
107            font-family: Poly,serif;
108            font-style: italic;
109        }
110        &.searchButton {
111            background: url("../img/search-button.png") no-repeat left top white;
112            text-indent: -3000px;                 /* sends the text off-screen */
113            width: 41px;
114            height: 30px;
115        }
116    }
117}
118
119#LSResult {
120    background: transparent;
121    margin-top: -4px;
122    .livesearchContainer {
123        background: white;
124    }
125}
126
127// SITE ACTIONS
128
129#header-actions {
130    font-size: 11px;
131    margin: 8px 0 0 0;
132    padding: 0;
133    text-align: left;
134    text-transform: uppercase;
135    li {
136        margin-right: 10px;
137    }
138    a {
139        color: #a4a19c;
140    }
141}
142
143#portal-logo {
144    margin: 30px 0 25px 0;
145}
146
147#portal-globalnav {
148    background: white;
149    font-size: 10px;
150    margin: 0;
151    border-style: dotted;
152    border-width: 1px 1px 0 1px;
153    padding: 10px 8px 10px 0px;
154    width: $width - 8px;
155
156    li {
157        display: inline-block;
158        width: $width/6 - 13px; //TODO rever isso
159        margin:  0 0 0 10px;
160        padding: 0;
161        &#portaltab-index_html {
162            margin-left: 8px;
163        }
164        a {
165            color: white;
166            background: $blue;
167            text-transform: uppercase;
168            line-height: 72px;
169            height: 48px;
170            width: 100%;
171            margin:  0;
172            padding: 0 0 0 8px;
173        }
174        a:visited {
175            color: white;
176        }
177    }
178    li.selected a, li.selected a:hover, li a:hover {
179        color: white;
180        background: $dark-blue;
181    }
182}
183
184// boxes
185// ================================================================
186@mixin box-header {
187    font-size: 12px; //TODO rever este tamanho
188    color: white;
189    background: $blue;
190    text-transform: uppercase;
191    height: 24px;
192    line-height: 26px;
193    padding-left: 10px;
194    margin-bottom: 10px;
195}
196
197// uso de "b": vide http://html5doctor.com/i-b-em-strong-element/
198@mixin superlink {
199    padding-left: 40px;
200    margin-bottom: 5px;
201    a, a:visited {
202        b {
203            color: $medium-blue;
204            display: block;
205            margin-bottom: -9px;
206        }
207        color: $blue;
208    }
209}
210
211.simple-box {
212    margin-left: 20px;
213    margin-right: 10px;
214    padding-bottom: 10px;
215    h2 {
216        @include box-header;
217        margin-left: -20px;
218        margin-right: -10px;
219    }
220    h3 {
221        @include superlink;
222    }
223}
224
225.box-header {@include box-header;}
Note: Veja TracBrowser para ajuda no uso do navegador do trac.
 

The contents and data of this website are published under license:
Creative Commons 4.0 Brasil - Atribuir Fonte - Compartilhar Igual.