@ -6,6 +6,47 @@ html, body{
margin : 0 ;
}
a { h t m l , b o d y {
width : 100 % ;
padding : 0 ;
height : auto ;
background-color : white ;
margin : 0 ;
}
:: -webkit-scrollbar {
width : 14px ;
background-color : white ;
}
:: -webkit-scrollbar-thumb {
border-radius : 10px ;
background-color : lightgray ;
border : 2px solid gray ;
}
:: -webkit-scrollbar-button : vertical : start {
border-radius : 10px ;
background-color : lightgray ;
background-image : url ( . . / images / trgUp . png ) ;
background-size : 8px auto ;
background-position : center ;
background-repeat : no-repeat ;
border : 2px solid gray ;
}
:: -webkit-scrollbar-button : vertical : end {
border-radius : 10px ;
background-color : lightgray ;
background-image : url ( . . / images / trgDown . png ) ;
background-size : 8px auto ;
background-position : center ;
background-repeat : no-repeat ;
border : 2px solid gray ;
}
a {
text-decoration : none ;
}
@ -318,6 +359,357 @@ input[type="radio"]:checked + .filter_button.button.color {
display : inline-block ;
}
. pager_button . active {
border-radius : 3px ;
-webkit-border-radius : 3px ;
background-color : gray ;
color : white ;
}
text-decoration : none ;
}
:: -webkit-scrollbar {
width : 14px ;
background-color : white ;
}
:: -webkit-scrollbar-thumb {
border-radius : 10px ;
background-color : lightgray ;
border : 2px solid gray ;
}
:: -webkit-scrollbar-button : vertical : start {
border-radius : 10px ;
background-color : lightgray ;
background-image : url ( . . / images / trgUp . png ) ;
background-size : 8px auto ;
background-position : center ;
background-repeat : no-repeat ;
border : 2px solid gray ;
}
:: -webkit-scrollbar-button : vertical : end {
border-radius : 10px ;
background-color : lightgray ;
background-image : url ( . . / images / trgDown . png ) ;
background-size : 8px auto ;
background-position : center ;
background-repeat : no-repeat ;
border : 2px solid gray ;
}
. disclaimer {
height : auto ;
position : fixed ;
left : 0 ;
bottom : 0 ;
margin-left : 1px ;
margin-right : 1px ;
margin-bottom : 0px ;
padding : 5px ;
text-align : center ;
background-color : # BBBBBB ;
-webkit-border-top-left-radius : 15px ;
-webkit-border-top-right-radius : 15px ;
border-top-left-radius : 15px ;
border-top-right-radius : 15px ;
border : solid 4px # EEEEEE ;
border-bottom : none ;
z-index : 10 ;
font-size : 12px ;
}
# searchResult {
overflow : hidden ;
text-align : center ;
}
. search {
width : 90 % ;
position : fixed ;
top : 0 ;
left : 0 ;
padding : 5px ;
background-color : # BBBBBB ;
-webkit-border-bottom-left-radius : 15px ;
-webkit-border-bottom-right-radius : 15px ;
border-bottom-left-radius : 15px ;
border-bottom-right-radius : 15px ;
border : solid 4px # EEEEEE ;
border-top : none ;
z-index : 101 ;
}
. search ,
. disclaimer {
width : 100 % ;
box-sizing : border-box ;
-webkit-box-sizing : border-box ;
}
. togglePages {
padding : 0 ;
position : absolute ;
bottom : -19px ;
left : 40 % ;
width : 22 % ;
height : 15px ;
background-color : # 666 ;
-webkit-border-bottom-left-radius : 20px ;
-webkit-border-bottom-right-radius : 20px ;
border-bottom-left-radius : 20px ;
border-bottom-right-radius : 20px ;
-webkit-box-shadow : # dadada -1px 0 4px ;
box-shadow : # dadada -1px 0 4px ;
cursor : pointer ;
z-index : 100 ;
text-align : center ;
}
. toggleIcon {
display : inline-block ;
width : 14px ;
height : 14px ;
background : url ( . . / images / trgUp . png ) 50 % no-repeat ;
}
. searchInput {
padding : 3px ;
float : left ;
width : 100 % ;
border-radius : 3px ;
border-style : none ;
height : 22px ;
line-height : 18px ;
vertical-align : middle ;
box-sizing : border-box ;
-webkit-box-sizing : border-box ;
}
. searchButton {
background : url ( "../images/search_app.png" ) -38px -38px no-repeat ;
width : 24px ;
height : 24px ;
overflow : hidden ;
position : absolute ;
right : 30px ;
top : 9px ;
margin-left : -2px ;
cursor : pointer ;
}
. subSearch {
margin : 0 ;
float : left ;
}
# subSearchInput {
width : 100 % ;
float : left ;
box-sizing : border-box ;
-webkit-box-sizing : border-box ;
padding : 5px ;
padding-right : 26px ;
}
# subSearchFilter {
width : 100 % ;
float : left ;
display : none ;
}
. searchResult {
width : 98 % ;
padding : 3px ;
background-color : # 123456 ;
}
. imgContainer {
display : inline-block ;
padding : 3px ;
margin : 3px ;
text-align : center ;
overflow : hidden ;
font-size : small ;
font-family : Verdana , Arial , Helvetica , sans-serif ;
border : 1px solid # 666 ;
border-radius : 5px ;
-webkit-box-shadow : # dadada -1px 0 4px ;
-webkit-border-radius : 5px ;
box-shadow : # 666 -1px 0 4px ;
vertical-align : top ;
}
. resultFooter {
float : left ;
margin : 5px ;
padding : 3px ;
width : 100 % ;
font-family : Verdana , Arial , Helvetica , sans-serif ;
font-weight : bold ;
font-size : x-large ;
text-align : center ;
}
# branding {
position : absolute ;
top : 0 ;
left : 0 ;
z-index : 2 ;
}
. filterContainer {
float : left ;
margin : 2px ;
padding : 2px ;
font-size : 14px ;
}
. filterSelect {
border-style : none ;
-webkit-border-top-right-radius : 15px ;
-webkit-border-bottom-right-radius : 15px ;
-moz-border-radius-topright : 15px ;
-moz-border-radius-bottomright : 15px ;
border-top-right-radius : 15px ;
margin-top : 2px ;
width : 100 % ;
}
span {
font-family : Verdana , Arial , Helvetica , sans-serif ;
color : # 666 ;
}
[ draggable ] {
-webkit-user-select : none ;
user-select : none ;
}
. toggleFilters {
margin : 0 ;
padding : 0 ;
background-position : center ;
background-image : url ( . . / images / down . png ) ;
position : absolute ;
top : 11px ;
right : 6px ;
width : 20px ;
height : 20px ;
cursor : pointer ;
}
. colors_line {
float : left ;
margin : 4px ;
margin-right : 0 ;
clear : left ;
}
. custom {
opacity : 0 ;
position : absolute ;
left : -10000px ;
}
. filter_button . button . color {
display : inline-block ;
width : 15px ;
height : 15px ;
border : 1px solid # EBEBEB ;
padding : 0 ;
margin : 0 ;
box-sizing : border-box ;
-webkit-box-sizing : border-box ;
}
. filter_button . button . color : hover {
border : 1px solid rgb ( 128 , 128 , 128 ) ;
cursor : pointer ;
}
input [ type = "radio" ] : checked + . filter_button . button . color {
border : 1px solid rgb ( 255 , 255 , 255 ) ;
box-shadow : 0 0 0px 1px # 000 ;
-webkit-box-shadow : 0 0 0px 1px # 000 ;
}
# allcolor {
background : white url ( '../images/search_app.png' ) -43px -144px no-repeat ;
}
# colored {
background : white url ( '../images/search_app.png' ) -43px -244px no-repeat ;
}
# grayed {
background : white url ( '../images/search_app.png' ) -45px -343px no-repeat ;
}
# black {
background-color : # ffffff ;
}
# blue {
background-color : # 0000FF ;
}
# brown {
background-color : rgba ( 139 , 82 , 16 , 1 ) ;
}
# gray {
background-color : # 999999 ;
}
# green {
background-color : # 00CC00 ;
}
# orange {
background-color : # FB940B ;
}
# pink {
background-color : # FF98BF ;
}
# purple {
background-color : # 762CA7 ;
}
# red {
background-color : # CC0000 ;
}
# teal {
background-color : # 03C0C6 ;
}
# white {
background-color : # 000000 ;
}
# yellow {
background-color : # FFFF00 ;
}
. selectBox-dropdown , . selectBox-options li a {
line-height : 1 . 3 ! important ;
font-size : 13px ;
}
. pager_button {
padding : 3px 5px ;
font-size : 16px ;
color : black ;
display : inline-block ;
}
. pager_button . active {
border-radius : 3px ;
-webkit-border-radius : 3px ;
Claudio Valerio
13 years ago