Bruno Cordeiro
7 years ago
9 changed files with 420 additions and 73 deletions
After Width: | Height: | Size: 48 KiB |
@ -0,0 +1,44 @@ |
|||||
|
/*######################################## |
||||
|
Basic Style |
||||
|
########################################*/ |
||||
|
|
||||
|
.center { |
||||
|
text-align: center; |
||||
|
} |
||||
|
.left { |
||||
|
text-align: left; |
||||
|
} |
||||
|
.right { |
||||
|
text-align: right; |
||||
|
} |
||||
|
.floatleft { |
||||
|
float: left; |
||||
|
} |
||||
|
.floatright { |
||||
|
float: right; |
||||
|
} |
||||
|
.clear { |
||||
|
clear:both; |
||||
|
} |
||||
|
.s-hidden { |
||||
|
visibility: hidden; |
||||
|
} |
||||
|
.nodisplay { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
Table |
||||
|
**/ |
||||
|
.table { |
||||
|
display: table; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.tr { |
||||
|
display: table-row; |
||||
|
} |
||||
|
.td { |
||||
|
display: table-cell; |
||||
|
} |
||||
|
|
||||
|
|
@ -0,0 +1,323 @@ |
|||||
|
/*######################################## |
||||
|
Tema |
||||
|
########################################*/ |
||||
|
//colors |
||||
|
$color_tapa_approx: #777; |
||||
|
$color_gallery_approx: #eee; |
||||
|
$color_calypso_approx: #3e6892; |
||||
|
$color_mountain_mist_approx: #999; |
||||
|
$color_mine_shaft_approx: #333; |
||||
|
$mercury: #e5e5e5; |
||||
|
$color_alto_approx: #ddd; |
||||
|
$color_rhino_approx: #28425c; |
||||
|
$black: #000; |
||||
|
$white: white; |
||||
|
$web_orange: orange; |
||||
|
|
||||
|
//fonts |
||||
|
$font_0: Lucida Grande; |
||||
|
$font_1: Lucida Sans Unicode; |
||||
|
$font_2: Lucida Sans; |
||||
|
$font_3: Geneva; |
||||
|
$font_4: Verdana; |
||||
|
$font_5: sans-serif; |
||||
|
$font_6: Helvetica Neue; |
||||
|
$font_7: Helvetica; |
||||
|
$font_8: Arial; |
||||
|
$font_9: arial; |
||||
|
|
||||
|
//urls |
||||
|
$url_0: url(++theme++senado.tema/senado/img/sub-osenado.jpg); |
||||
|
$url_1: url(fonts/glyphicons-halflings-regular.eot); |
||||
|
$url_2: url(fonts/glyphicons-halflings-regular.eot?#iefix); |
||||
|
$url_3: url(fonts/glyphicons-halflings-regular.woff); |
||||
|
$url_4: url(fonts/glyphicons-halflings-regular.ttf); |
||||
|
$url_5: url(fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular); |
||||
|
|
||||
|
body { |
||||
|
font-family: $font_0, $font_1, $font_2, $font_3, $font_4, $font_5; |
||||
|
line-height: 1.428; |
||||
|
} |
||||
|
#tema { |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
#tema-portal { |
||||
|
min-height: 400px; |
||||
|
} |
||||
|
#portal-menu { |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
#toolbar { |
||||
|
overflow: auto; |
||||
|
clear: right; |
||||
|
} |
||||
|
#portal-breadcrumbs { |
||||
|
float: left; |
||||
|
} |
||||
|
.portal-breadcrumbs { |
||||
|
display: none; |
||||
|
> ol > li:last-of-type { |
||||
|
color: $color_tapa_approx; |
||||
|
} |
||||
|
} |
||||
|
#breadcrumbs-you-are-here { |
||||
|
display: none; |
||||
|
+ li::before { |
||||
|
display: none; |
||||
|
} |
||||
|
} |
||||
|
#portal-personaltools-wrapper { |
||||
|
float: right; |
||||
|
} |
||||
|
.portal-personaltools-wrapper { |
||||
|
display: none; |
||||
|
} |
||||
|
.portal-login { |
||||
|
display: none; |
||||
|
float: right; |
||||
|
font-size: 11px; |
||||
|
margin-bottom: 1em; |
||||
|
ins { |
||||
|
margin-right: 12px; |
||||
|
text-decoration: none; |
||||
|
text-transform: capitalize; |
||||
|
} |
||||
|
} |
||||
|
#content { |
||||
|
h1.documentFirstHeading { |
||||
|
border-bottom: 1px solid $color_gallery_approx; |
||||
|
padding-bottom: 15px; |
||||
|
font-size: 28px; |
||||
|
margin-top: 10px; |
||||
|
font-family: $font_6, $font_7, $font_8, $font_5; |
||||
|
font-weight: normal; |
||||
|
letter-spacing: 0.1px; |
||||
|
} |
||||
|
a.accordion-toggle { |
||||
|
&:hover { |
||||
|
color: $color_rhino_approx !important; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
&:focus { |
||||
|
color: $color_rhino_approx !important; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.PortalTopo-id { |
||||
|
a { |
||||
|
color: $color_calypso_approx; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
.PortalTopo-sub a { |
||||
|
color: $color_mountain_mist_approx; |
||||
|
text-decoration: none; |
||||
|
} |
||||
|
} |
||||
|
.Nav--secundaria { |
||||
|
padding-left: 0; |
||||
|
padding-right: 0; |
||||
|
> ul > li:not(:last-child)::after { |
||||
|
line-height: 23px; |
||||
|
} |
||||
|
} |
||||
|
@media(max-width:767px) { |
||||
|
.Nav--secundaria { |
||||
|
background-color: transparent; |
||||
|
float: right; |
||||
|
padding-left: 15px; |
||||
|
padding-right: 15px; |
||||
|
> ul { |
||||
|
float: none !important; |
||||
|
> li > a { |
||||
|
font-size: 12px; |
||||
|
line-height: 26px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.carousel-caption { |
||||
|
position: static; |
||||
|
} |
||||
|
.carousel-control { |
||||
|
.glyphicon-chevron-left { |
||||
|
top: 30%; |
||||
|
} |
||||
|
.glyphicon-chevron-right { |
||||
|
top: 30%; |
||||
|
} |
||||
|
.icon-next { |
||||
|
top: 30%; |
||||
|
} |
||||
|
.icon-prev { |
||||
|
top: 30%; |
||||
|
} |
||||
|
} |
||||
|
.PortalTopo-busca > div { |
||||
|
display: inherit; |
||||
|
margin: 10px 0 0; |
||||
|
} |
||||
|
} |
||||
|
navbar-inverse { |
||||
|
background-color: transparent; |
||||
|
} |
||||
|
#footer-institucional { |
||||
|
clear: both; |
||||
|
padding-top: 40px; |
||||
|
} |
||||
|
#portal-columns { |
||||
|
margin-left: 0; |
||||
|
margin-right: 0; |
||||
|
} |
||||
|
.accordion { |
||||
|
position: relative; |
||||
|
.accordion-caret { |
||||
|
.accordion-toggle { |
||||
|
&.collapsed::before { |
||||
|
content: "▸"; |
||||
|
} |
||||
|
&:not(.collapsed)::before { |
||||
|
content: "▾"; |
||||
|
} |
||||
|
} |
||||
|
.accordion-toggle::before { |
||||
|
font-size: 25px; |
||||
|
margin-right: 0; |
||||
|
position: absolute; |
||||
|
right: 20px; |
||||
|
} |
||||
|
} |
||||
|
.accordion-inner { |
||||
|
border-top: 1px solid $mercury; |
||||
|
padding: 8px 15px; |
||||
|
} |
||||
|
> .accordion-group { |
||||
|
border: 1px solid $mercury; |
||||
|
//Instead of the line below you could use @include border-radius($radius, $vertical-radius) |
||||
|
border-radius: 0; |
||||
|
margin-bottom: 20px; |
||||
|
> .accordion-heading { |
||||
|
border-bottom: 1px solid $color_alto_approx; |
||||
|
color: $color_calypso_approx; |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.carousel-indicators { |
||||
|
top: 10px; |
||||
|
height: 10px; |
||||
|
} |
||||
|
.carousel-control { |
||||
|
cursor: alias; |
||||
|
//Instead of the line below you could use @include text-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) |
||||
|
text-shadow: 2px 2px 0 $black; |
||||
|
span { |
||||
|
color: $white; |
||||
|
} |
||||
|
.icon-next { |
||||
|
right: 19%; |
||||
|
font-size: 22px; |
||||
|
} |
||||
|
.glyphicon-chevron-right { |
||||
|
right: 19%; |
||||
|
font-size: 22px; |
||||
|
} |
||||
|
.icon-prev { |
||||
|
left: 19%; |
||||
|
font-size: 22px; |
||||
|
} |
||||
|
.glyphicon-chevron-left { |
||||
|
left: 19%; |
||||
|
font-size: 22px; |
||||
|
} |
||||
|
} |
||||
|
.carousel-caption { |
||||
|
background-color: $black; |
||||
|
bottom: 0; |
||||
|
max-height: 35%; |
||||
|
left: 0; |
||||
|
opacity: 0.7; |
||||
|
padding-left: 15px; |
||||
|
padding-top: 10px; |
||||
|
text-align: left; |
||||
|
width: 100%; |
||||
|
p { |
||||
|
color: $white; |
||||
|
font-size: 13px; |
||||
|
line-height: 14px; |
||||
|
} |
||||
|
} |
||||
|
.carousel-caption-quadro { |
||||
|
background-color: $black; |
||||
|
bottom: 5%; |
||||
|
left: 5%; |
||||
|
max-height: 90%; |
||||
|
opacity: 0.7; |
||||
|
padding-left: 10px; |
||||
|
padding-right: 3px; |
||||
|
padding-top: 10px; |
||||
|
text-align: left; |
||||
|
width: 24%; |
||||
|
} |
||||
|
#painel-em-manutencao { |
||||
|
background: $white none repeat scroll 0 0; |
||||
|
font-size: 20px; |
||||
|
margin-top: 50px; |
||||
|
text-align: center; |
||||
|
font-family: $font_9; |
||||
|
i { |
||||
|
color: $web_orange; |
||||
|
} |
||||
|
} |
||||
|
@media(min-width:768px) { |
||||
|
} |
||||
|
@media(min-width:992px) { |
||||
|
} |
||||
|
@media(min-width:1200px) { |
||||
|
} |
||||
|
a#portal-home-link { |
||||
|
} |
||||
|
.PortalTopo-title a img { |
||||
|
width: 190px; |
||||
|
} |
||||
|
.PortalTopo-busca > div { |
||||
|
display: table-cell; |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
.navbar-inverse .navbar-nav { |
||||
|
> li > a { |
||||
|
color: $color_tapa_approx; |
||||
|
&:hover { |
||||
|
background-color: transparent; |
||||
|
color: $color_mine_shaft_approx; |
||||
|
} |
||||
|
&:focus { |
||||
|
background-color: transparent; |
||||
|
color: $color_mine_shaft_approx; |
||||
|
} |
||||
|
} |
||||
|
> .open > a { |
||||
|
background-color: transparent; |
||||
|
color: $color_mine_shaft_approx; |
||||
|
&:focus { |
||||
|
background-color: transparent; |
||||
|
color: $color_mine_shaft_approx; |
||||
|
} |
||||
|
&:hover { |
||||
|
background-color: transparent; |
||||
|
color: $color_mine_shaft_approx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.navbar-senado .dropdown-menu > li { |
||||
|
display: block; |
||||
|
} |
||||
|
p.busca-avancada a { |
||||
|
color: $color_calypso_approx; |
||||
|
} |
||||
|
.accordion-heading .accordion-toggle { |
||||
|
display: block; |
||||
|
padding: 8px 15px; |
||||
|
} |
||||
|
.carousel .item img { |
||||
|
margin: auto; |
||||
|
} |
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue