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

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

inicio da edicao do carrossel (falta concluir a interface)

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