|
|
|
|
@ -6,6 +6,47 @@ html, body{ |
|
|
|
|
margin: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
a {html, body{ |
|
|
|
|
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
12 years ago