Made home search and home stats theme agnostics.
This commit is contained in:
Manolo Bevia
parent
91f0935109
commit
dc3d3873c8
2 changed files with 189 additions and 140 deletions
|
|
@ -750,104 +750,49 @@ p.password-note {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* SEARCH HOME------> */
|
/* SEARCH HOME------> */
|
||||||
#search-home {
|
|
||||||
margin-top: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search-home h3 {
|
|
||||||
padding-left: 24px;
|
|
||||||
}
|
|
||||||
#search-homepage {
|
|
||||||
position: relative;
|
|
||||||
padding-left: 24px;
|
|
||||||
}
|
|
||||||
#search-home-field {
|
#search-home-field {
|
||||||
width: 530px;
|
background: url(../images/search-field-and-button.gif) 0 0 no-repeat;
|
||||||
height: 44px;
|
|
||||||
background: url(../images/search-field-and-button.gif) 0 0 no-repeat;
|
|
||||||
}
|
}
|
||||||
#search-home-field input.search {
|
#search-home-field input.search {
|
||||||
text-decoration: none;
|
background-color: transparent;
|
||||||
background-color: transparent;
|
color: #fff;
|
||||||
color: #fff;
|
border: none;
|
||||||
font-size: 18px;
|
|
||||||
border: none;
|
|
||||||
padding-left: 13px;
|
|
||||||
padding-top: 8px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
span.search-filter-selected {
|
|
||||||
display: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
input.search-homepage {
|
input.search-homepage {
|
||||||
float: left;
|
border: 0;
|
||||||
height: 20px;
|
background-color: #f9fafa;
|
||||||
border: 0;
|
background: url('../images/limit-search.png') no-repeat;
|
||||||
font-size: 18px;
|
background-position: right;
|
||||||
margin-left: 4px;
|
opacity: .7;
|
||||||
margin-top: 2px;
|
|
||||||
background-color: #f9fafa;
|
|
||||||
margin-right: 40px;
|
|
||||||
margin-top: 2px;
|
|
||||||
width: 351px;
|
|
||||||
background: url('../images/limit-search.png') no-repeat;
|
|
||||||
background-position: right;
|
|
||||||
opacity: .7;
|
|
||||||
}
|
|
||||||
a.filter-search {
|
|
||||||
position: absolute;
|
|
||||||
vertical-align: middle;
|
|
||||||
display: inline-block;
|
|
||||||
width: 39px;
|
|
||||||
height: 43px;
|
|
||||||
z-index: 9999;
|
|
||||||
top: 0;
|
|
||||||
right: 135px;
|
|
||||||
z-index: 9999;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter-default {
|
.filter-default {
|
||||||
background: url(../images/filteredSearch.gif) 0 0 no-repeat;
|
background: url(../images/filteredSearch.gif) 0 0 no-repeat;
|
||||||
}
|
}
|
||||||
.filter-active {
|
.filter-active {
|
||||||
background: url(../images/filteredSearchActive.gif) 0 0 no-repeat;
|
background: url(../images/filteredSearchActive.gif) 0 0 no-repeat;
|
||||||
}
|
}
|
||||||
#filter-search-nav {
|
#filter-search-nav {
|
||||||
position: absolute;
|
background-color: #2d3535;
|
||||||
width: 184px;
|
color: #fff;
|
||||||
background-color: #2d3535;
|
background-color: #2d3535;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
top: 0;
|
|
||||||
right: 135px;
|
|
||||||
background-color: #2d3535;
|
|
||||||
color: #fff;
|
|
||||||
z-index: 9998;
|
|
||||||
display: none;
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
}
|
||||||
#filter-search-nav li {
|
#filter-search-nav li {
|
||||||
padding-left: 0;
|
background-image: none;
|
||||||
margin-left: 0;
|
padding-left: 0;
|
||||||
list-style-type: none;
|
margin-left: 0;
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
#filter-search-nav {
|
|
||||||
z-index: 9998;
|
|
||||||
}
|
}
|
||||||
#filter-search-nav a.active {
|
#filter-search-nav a.active {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
#filter-search-nav a {
|
#filter-search-nav a {
|
||||||
font-size: 17px;
|
border-bottom: 1px dotted #4f5656;
|
||||||
display: block;
|
color: #1483A4;
|
||||||
margin-left: 15px;
|
|
||||||
margin-right: 15px;
|
|
||||||
border-bottom: 1px dotted #4f5656;
|
|
||||||
color: #fff;
|
|
||||||
padding-top: 8px;
|
|
||||||
padding-bottom: 8px;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #1483A4;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* BROWSE ------> */
|
/* BROWSE ------> */
|
||||||
#browse {
|
#browse {
|
||||||
background-color: #f7f5f0;
|
background-color: #f7f5f0;
|
||||||
|
|
@ -910,77 +855,36 @@ ul#browse-classgroups a:hover span.count-classes {
|
||||||
|
|
||||||
/* HOME STATS-----> */
|
/* HOME STATS-----> */
|
||||||
#home-stats {
|
#home-stats {
|
||||||
margin-top: 1em;
|
border-top: 1px dotted #dbe3e3; /* stroke */
|
||||||
width: 921px;
|
border-bottom: 1px dotted #dbe3e3; /* stroke */
|
||||||
height: 213px;
|
background-color: #fff; /* layer fill content */
|
||||||
border-top: 1px dotted #dbe3e3; /* stroke */
|
|
||||||
border-bottom: 1px dotted #dbe3e3; /* stroke */
|
|
||||||
background-color: #fff; /* layer fill content */
|
|
||||||
float: left;
|
|
||||||
}
|
}
|
||||||
#home-stats h4 {
|
#home-stats h4 {
|
||||||
margin-top: 0;
|
border-top: 1px solid rgba(220,228,227,.42); /* stroke */
|
||||||
width: 64px;
|
border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */
|
||||||
height: 34px;
|
background-color: #395d7f; /* layer fill content */
|
||||||
border-top: 1px solid rgba(220,228,227,.42); /* stroke */
|
border-bottom: 2px solid #62b6d7;
|
||||||
border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */
|
color: #fff;
|
||||||
background-color: #395d7f; /* layer fill content */
|
|
||||||
border-bottom: 2px solid #62b6d7;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 18px;
|
|
||||||
text-align: center;
|
|
||||||
margin-left: 35px;
|
|
||||||
padding: 0;
|
|
||||||
line-height: 35px;
|
|
||||||
}
|
|
||||||
#stats {
|
|
||||||
margin: 0 auto;
|
|
||||||
width: 875px;
|
|
||||||
}
|
}
|
||||||
#stats li {
|
#stats li {
|
||||||
float: left;
|
-moz-border-radius: 6px;
|
||||||
width: 108px;
|
-webkit-border-radius: 6px;
|
||||||
height: 102px;
|
border-radius: 6px; /* border radius */
|
||||||
-moz-border-radius: 6px;
|
-moz-background-clip: padding;
|
||||||
-webkit-border-radius: 6px;
|
-webkit-background-clip: padding-box;
|
||||||
border-radius: 6px; /* border radius */
|
background-clip: padding-box; /* prevents bg color from leaking outside the border */
|
||||||
-moz-background-clip: padding;
|
background: #5e6363 url(../images/stats-bg.png) repeat-x 0 0;
|
||||||
-webkit-background-clip: padding-box;
|
color: #fff;
|
||||||
background-clip: padding-box; /* prevents bg color from leaking outside the border */
|
|
||||||
background: #5e6363 url(../images/stats-bg.png) repeat-x 0 0;
|
|
||||||
color: #fff;
|
|
||||||
margin-top: 35px;
|
|
||||||
margin-right: 25px;
|
|
||||||
}
|
}
|
||||||
#stats p {
|
#stats p {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
|
||||||
#stats li a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
}
|
||||||
#stats li a:hover {
|
#stats li a:hover {
|
||||||
opacity: .5;
|
opacity: .5;
|
||||||
}
|
|
||||||
#stats li:first-child {
|
|
||||||
margin-left: 50px;
|
|
||||||
}
|
|
||||||
#stats .stats-count {
|
|
||||||
text-align: center;
|
|
||||||
font-size: 42px;
|
|
||||||
margin: 0;
|
|
||||||
padding-top: 30px;
|
|
||||||
}
|
}
|
||||||
#stats .stats-count span {
|
#stats .stats-count span {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 18px;
|
opacity: .5;
|
||||||
padding-left: 2px;
|
|
||||||
opacity: .5;
|
|
||||||
}
|
|
||||||
#stats .stats-type {
|
|
||||||
font-size: 13px;
|
|
||||||
text-align: center;
|
|
||||||
margin: 0;
|
|
||||||
margin-top: 13px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* FOOTER------> */
|
/* FOOTER------> */
|
||||||
|
|
|
||||||
|
|
@ -247,3 +247,148 @@ p#mngLabelsText {
|
||||||
margin-left:25px;
|
margin-left:25px;
|
||||||
margin-bottom:12px;
|
margin-bottom:12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* SEARCH HOME------> */
|
||||||
|
#search-home {
|
||||||
|
margin-top: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#search-home h3 {
|
||||||
|
padding-left: 24px;
|
||||||
|
}
|
||||||
|
#search-homepage {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 24px;
|
||||||
|
}
|
||||||
|
#search-home-field {
|
||||||
|
width: 530px;
|
||||||
|
height: 44px;
|
||||||
|
}
|
||||||
|
#search-home-field input.search {
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 18px;
|
||||||
|
border: none;
|
||||||
|
padding-left: 13px;
|
||||||
|
padding-top: 8px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
span.search-filter-selected {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
input.search-homepage {
|
||||||
|
float: left;
|
||||||
|
height: 20px;
|
||||||
|
border: 0;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-left: 4px;
|
||||||
|
margin-top: 2px;
|
||||||
|
margin-right: 40px;
|
||||||
|
margin-top: 2px;
|
||||||
|
width: 351px;
|
||||||
|
background-position: right;
|
||||||
|
}
|
||||||
|
a.filter-search {
|
||||||
|
position: absolute;
|
||||||
|
vertical-align: middle;
|
||||||
|
display: inline-block;
|
||||||
|
width: 39px;
|
||||||
|
height: 43px;
|
||||||
|
z-index: 9999;
|
||||||
|
top: 0;
|
||||||
|
right: 135px;
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
|
.filter-default {
|
||||||
|
|
||||||
|
}
|
||||||
|
.filter-active {
|
||||||
|
|
||||||
|
}
|
||||||
|
#filter-search-nav {
|
||||||
|
position: absolute;
|
||||||
|
width: 184px;
|
||||||
|
top: 0;
|
||||||
|
right: 135px;
|
||||||
|
z-index: 9998;
|
||||||
|
display: none;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
#filter-search-nav li {
|
||||||
|
padding-left: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
#filter-search-nav {
|
||||||
|
z-index: 9998;
|
||||||
|
}
|
||||||
|
#filter-search-nav a.active {
|
||||||
|
|
||||||
|
}
|
||||||
|
#filter-search-nav a {
|
||||||
|
font-size: 17px;
|
||||||
|
display: block;
|
||||||
|
margin-left: 15px;
|
||||||
|
margin-right: 15px;
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HOME STATS-----> */
|
||||||
|
#home-stats {
|
||||||
|
margin-top: 1em;
|
||||||
|
width: 921px;
|
||||||
|
height: 213px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
#home-stats h4 {
|
||||||
|
margin-top: 0;
|
||||||
|
width: 64px;
|
||||||
|
height: 34px;
|
||||||
|
font-size: 18px;
|
||||||
|
text-align: center;
|
||||||
|
margin-left: 35px;
|
||||||
|
padding: 0;
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
#stats {
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 875px;
|
||||||
|
}
|
||||||
|
#stats li {
|
||||||
|
float: left;
|
||||||
|
width: 108px;
|
||||||
|
height: 102px;
|
||||||
|
margin-top: 35px;
|
||||||
|
margin-right: 25px;
|
||||||
|
}
|
||||||
|
#stats p {
|
||||||
|
|
||||||
|
}
|
||||||
|
#stats li a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
#stats li a:hover {
|
||||||
|
|
||||||
|
}
|
||||||
|
#stats li:first-child {
|
||||||
|
margin-left: 50px;
|
||||||
|
}
|
||||||
|
#stats .stats-count {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 42px;
|
||||||
|
margin: 0;
|
||||||
|
padding-top: 30px;
|
||||||
|
}
|
||||||
|
#stats .stats-count span {
|
||||||
|
font-size: 18px;
|
||||||
|
padding-left: 2px;
|
||||||
|
}
|
||||||
|
#stats .stats-type {
|
||||||
|
font-size: 13px;
|
||||||
|
text-align: center;
|
||||||
|
margin: 0;
|
||||||
|
margin-top: 13px;
|
||||||
|
}
|
||||||
Loading…
Add table
Reference in a new issue