litvinovg/vitro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Made home search and home stats theme agnostics.

Browse source
This commit is contained in:
Manolo Bevia 2013-04-15 15:15:35 -04:00
parent 91f0935109
commit dc3d3873c8
2 changed files with 189 additions and 140 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

104
webapp/themes/vitro/css/vitroTheme.css
View file

@ -750,61 +750,24 @@ p.password-note {
}
/* 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;
background: url(../images/search-field-and-button.gif) 0 0 no-repeat;
}
#search-home-field input.search {
text-decoration: none;
background-color: transparent;
color: #fff;
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;
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 {
background: url(../images/filteredSearch.gif) 0 0 no-repeat;
}
@ -812,42 +775,24 @@ a.filter-search {
background: url(../images/filteredSearchActive.gif) 0 0 no-repeat;
}
#filter-search-nav {
position: absolute;
width: 184px;
background-color: #2d3535;
color: #fff;
top: 0;
right: 135px;
background-color: #2d3535;
color: #fff;
z-index: 9998;
display: none;
list-style-type: none;
}
#filter-search-nav li {
background-image: none;
padding-left: 0;
margin-left: 0;
list-style-type: none;
background-image: none;
}
#filter-search-nav {
z-index: 9998;
}
#filter-search-nav a.active {
color: #fff;
}
#filter-search-nav a {
font-size: 17px;
display: block;
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 {
background-color: #f7f5f0;
@ -910,37 +855,18 @@ ul#browse-classgroups a:hover span.count-classes {
/* HOME STATS-----> */
#home-stats {
margin-top: 1em;
width: 921px;
height: 213px;
border-top: 1px dotted #dbe3e3; /* stroke */
border-bottom: 1px dotted #dbe3e3; /* stroke */
background-color: #fff; /* layer fill content */
float: left;
}
#home-stats h4 {
margin-top: 0;
width: 64px;
height: 34px;
border-top: 1px solid rgba(220,228,227,.42); /* stroke */
border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */
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 {
float: left;
width: 108px;
height: 102px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; /* border radius */
@ -949,39 +875,17 @@ ul#browse-classgroups a:hover span.count-classes {
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 {
color: #fff;
}
#stats li a {
text-decoration: none;
}
#stats li a:hover {
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 {
color: #fff;
font-size: 18px;
padding-left: 2px;
opacity: .5;
}
#stats .stats-type {
font-size: 13px;
text-align: center;
margin: 0;
margin-top: 13px;
}
/* FOOTER------> */
footer {

145
webapp/web/css/vitro.css
View file

@ -247,3 +247,148 @@ p#mngLabelsText {
margin-left:25px;
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;
}