@ -1,6 +1,3 @@
/ * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
Tema
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # * /
body {
font-family : 'Lucida Grande' , 'Lucida Sans Unicode' , 'Lucida Sans' , 'Geneva' , 'Verdana' , 'sans-serif' ;
line-height : 1 . 428 ;
@ -12,14 +9,7 @@ body {
# tema-portal {
min-height : 400px ;
}
/* #bannerLocal { */
/* background-image: url("++theme++senado.tema/senado/img/sub-osenado.jpg"); */
/* color: #FFFFFF; */
/* height: 70px; */
/* margin: 0 auto; */
/* text-align: left; */
/* width: 995px; */
/* } */
a # portal-home-link {
}
# portal-menu {
@ -78,14 +68,6 @@ a#portal-home-link {
letter-spacing : 0 . 1px ;
}
/ * # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
Adaptações senado . essencial
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # * /
/* @font-face { */
/* font-family: 'Glyphicons Halflings'; */
/* src: url('fonts/glyphicons-halflings-regular.eot'); */
/* src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); */
/* } */
. PortalTopo-id a {
color : # 3e6892 ;
text-decoration : none ;
@ -132,7 +114,7 @@ a#portal-home-link {
} /* @media xs */
navbar-inverse {
. navbar-inverse {
background-color : transparent ;
}
. navbar-inverse . navbar-nav > li > a {
@ -282,14 +264,6 @@ p.busca-avancada a {
color : orange ;
}
/ *
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Bootstrap Media Queries
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
* /
/* Extra small - Phone */
@ media ( max-width : 767px ) {
@ -384,7 +358,9 @@ Bootstrap Media Queries
}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
. show { display : block ; }
. show {
display : block ;
}
. text-properties {
color : # 777 ;
line-height : 1 ;
@ -393,6 +369,7 @@ Bootstrap Media Queries
max-width : 360px ;
max-height : 228 . 5px ;
}
@ media screen and
( min-width : 200px ) and
( max-width : 320px ) {
@ -411,7 +388,18 @@ Bootstrap Media Queries
width : 100 % ! important ;
height : 100 % ! important ;
}
. paddingResponsible {
padding : 2 % ! important ;
}
. responsiveModal {
width : 170px ;
height : 150px ;
}
. modal-dialog {
width : 190px ! important ;
}
}
@ media screen and
( min-width : 361px ) and
( max-width : 418px ) {
@ -426,7 +414,18 @@ Bootstrap Media Queries
width : 100 % ! important ;
height : 100 % ! important ;
}
. paddingResponsible {
padding : 2 % ! important ;
}
. responsiveModal {
width : 280px ;
height : 200px ;
}
. modal-dialog {
width : 340px ! important ;
}
}
@ media screen and
( min-width : 419px ) and
( max-width : 540px ) {
@ -445,6 +444,16 @@ Bootstrap Media Queries
width : 100 % ! important ;
height : 100 % ! important ;
}
. paddingResponsible {
padding : 2 % ! important ;
}
. responsiveModal {
width : 380px ;
height : 250px ;
}
. modal-dialog {
width : 400px ! important ;
}
}
@ -466,6 +475,17 @@ Bootstrap Media Queries
width : 100 % ! important ;
height : 100 % ! important ;
}
. paddingResponsible {
padding : 2 % ! important ;
}
. responsiveModal {
width : 480px ;
height : 300px ;
}
. modal-dialog {
width : 520px ! important ;
}
}
@ media screen and
@ -482,9 +502,49 @@ Bootstrap Media Queries
width : 100 % ! important ;
height : 100 % ! important ;
}
. paddingResponsible {
padding : 2 % ! important ;
}
. responsiveModal {
width : 500px ;
height : 300px ;
}
. modal-dialog {
width : 550px ! important ;
}
}
@ media screen and
( min-width : 661px ) and
( max-width : 799px ) {
. tamanhoVideo {
max-width : 100 % ! important ;
max-height : 100 % ! important ;
}
. heightVar {
height : 370 . 5px ! important ;
}
. bemVindoHeight {
width : 100 % ! important ;
height : 100 % ! important ;
}
. mt-buttons {
margin-top : 1 % ! important ;
}
. paddingResponsible {
padding : 2 % ! important ;
}
. responsiveModal {
width : 600px ;
height : 400px ;
}
. modal-dialog {
width : 640px ! important ;
}
}
@ media screen and
( min-width : 800px ) and
( max-width : 991px ) {
. tamanhoVideo {
max-width : 100 % ! important ;
@ -500,11 +560,28 @@ Bootstrap Media Queries
. mt-buttons {
margin-top : 1 % ! important ;
}
. paddingResponsible {
padding : 2 % ! important ;
}
. responsiveModal {
width : 770px ;
height : 400px ;
}
. modal-dialog {
width : 790px ! important ;
}
}
@ media screen and
( min-width : 990px ) and
( max-width : 1199px ) {
. responsiveModal {
width : 840px ;
height : 400px ;
}
. modal-dialog {
width : 870px ! important ;
}
. paddingResponsible {
padding : 2 % ! important ;
}
@ -532,6 +609,23 @@ Bootstrap Media Queries
height : 120px ! important ;
}
}
@ media screen and
( min-width : 1200px ) and
( max-width : 4080px ) {
. paddingLeft5 {
padding-left : 5px ! important ;
}
. responsiveModal {
width : 840px ;
height : 400px ;
}
. modal-dialog {
width : 870px ! important ;
}
}
. propertiesVLibras {
z-index : 99999 ;
}
@ -574,13 +668,12 @@ Bootstrap Media Queries
padding-left : 5px ! important ;
padding-right : 5px ! important ;
}
@ media screen and
( min-width : 1200px ) and
( max-width : 4080px ) {
. paddingLeft5 {
padding-left : 5px ! important ;
. alert-danger {
color : # a94442 ;
background-color : # f2dede ;
border-color : # ebccd1 ;
}
. alert-dismissable , . alert-dismissible {
padding-right : 35px ;
}