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

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

design: iniciado carrossel

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