Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
HuskyPress/style.css
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
545 lines (439 sloc)
9.1 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Theme Name: HuskyPress | |
Theme URI: uconn.edu | |
Description: Wordpress theme in the style of UConn.edu. Built off of the wordpress theme "TwentyEleven." | |
Author: Dave Hicking and Erik Reynolds | |
Author URI: http://lib.uconn.edu | |
Template: huskypress | |
Version: 1.0 | |
*/ | |
@import url("twentyeleven.css"); | |
/*Home Page */ | |
#hero { | |
background: #3182c3; /* Old browsers */ | |
background: -moz-linear-gradient(top, #3182c3 0%, #003093 100%); /* FF3.6+ */ | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3182c3), color-stop(100%,#003093)); /* Chrome,Safari4+ */ | |
background: -webkit-linear-gradient(top, #3182c3 0%,#003093 100%); /* Chrome10+,Safari5.1+ */ | |
background: -o-linear-gradient(top, #3182c3 0%,#003093 100%); /* Opera 11.10+ */ | |
background: -ms-linear-gradient(top, #3182c3 0%,#003093 100%); /* IE10+ */ | |
background: linear-gradient(top, #3182c3 0%,#003093 100%); /* W3C */ | |
-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3182c3', endColorstr='#003093', GradientType=0 ); /* IE6-9 */ | |
border: #3182c3; | |
} | |
.top { | |
min-height:260px; | |
} | |
.top.herohelp { | |
min-height: 310px; | |
} | |
.bottom { | |
min-height:150px; | |
background: initial; | |
color: black; | |
} | |
.second { | |
padding: 1em 2em 1em 2em; | |
background: white; | |
min-height: 200px; | |
} | |
.second-help { min-height: 400px; } | |
#hero, .second { | |
color: white; | |
/*font-family: 'Myriad Pro', 'Helvetica Neue', Arial, sans-serif; */ | |
/*font-family: 'Myriad Pro', Lucida Grande, Arial, sans-serif;*/ | |
font-family: 'Myriad Pro', Tahoma, Geneva, sans-serif; | |
} | |
#hero .top { | |
padding: 3em 2em 2em 2em; | |
} | |
#hero h2, .second h2 { | |
font-size: 2.5em; | |
margin-top: 1%; | |
line-height: 1.5em; | |
} | |
#hero h3, .second h3 { | |
font-size: 1.6em; | |
line-height: 1.5em; | |
margin-right: 1em; | |
margin-top: 1em; | |
} | |
#hero h4, .second h4 { | |
font-size: 1.4em; | |
line-height: 1.5em; | |
margin-right: 1em; | |
margin-top: 1em; | |
} | |
#hero .left, .second .left { | |
width: 50%; | |
margin-left: 0em; | |
padding-right: 2em; | |
} | |
#hero .right, .second .right { | |
width: 40%; | |
margin-right: 1em; | |
} | |
.second .left { | |
border-right: 1px solid #cdcdcd; | |
padding-right: 2em; | |
} | |
.second p { margin-top: 5px; } | |
p.help { | |
font-size: 1.5em; | |
} | |
#hero .top a, #hero .top a:visited, #hero .top a:hover { | |
color: #ffffff; | |
} | |
.heroButton { | |
width: 100%; | |
padding: 10px; | |
border: #CCC solid 2px; | |
border-radius: 15px; | |
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; | |
} | |
.heroButton:first { margin-top: 1em; } | |
#other_clients { | |
margin-top: 0px; | |
} | |
.divider { height: 1em; width 100%; display: block; } | |
.left { float:left; } | |
.right { float:right; } | |
.clear { clear: both; } | |
p { | |
margin-bottom: 0em; | |
} | |
#catchphrase { | |
margin-top: 5em; | |
font-size: 1.6em; | |
font-style: italic; | |
} | |
.ui-accordion-header { | |
font-size: 1.4em; | |
} | |
.ui-accordion-content ul { | |
font-family: 'Myriad Pro', Tahoma, Geneva, sans-serif; | |
font-size: 1.3em; | |
-webkit-column-count: 2; | |
} | |
/*End Home Page */ | |
html { | |
margin-top: none; | |
} | |
#page { | |
background: none; | |
min-width: 480px; | |
} | |
h1, h2 { | |
font-family: 'Myriad Pro', Tahoma, Geneva, sans-serif; | |
} | |
h2 { | |
font-size: 1.8em; | |
} | |
body, input, textarea { | |
font: 15px Helvetica, sans-serif; | |
line-height: 1.625em; | |
} | |
.headline { | |
font-family: 'Myriad Pro', Tahoma, Geneva, sans-serif; | |
font-size: 1.3em; | |
} | |
input[type=text] { | |
padding: 0px; | |
height: 25px; | |
} | |
body { | |
background: #CCCCCC; | |
} | |
#branding { | |
border-top: none; | |
background-image: url(http://web2.uconn.edu/webtools/global/4.0/head-foot/images/hd-blue.png); | |
background-repeat: repeat-x; | |
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; | |
border-radius: 7px 7px 0px 0px; | |
} | |
#branding .with-image #searchform { | |
max-width: 200px; | |
} | |
#branding .only-search + #access div { | |
padding-right:0px; | |
} | |
.cufon-active h1 { /* for Cufon.replace('h1') */ | |
font-size: 2em; | |
} | |
.entry-title a { | |
font-size: 26px; | |
} | |
#uc-website-title { | |
margin-left: 15px; | |
} | |
#uc-website-title a{ | |
color:white; | |
position: relative; | |
top: -25px; | |
} | |
#branding img { | |
width:auto; | |
margin-left: 10px | |
} | |
#branding .only-search #searchform { | |
top: 0em; | |
right: 1em; | |
color: white; | |
} | |
#searchform li { | |
float: left; | |
list-style: none; | |
font-size: .7em; | |
} | |
#searchform #sa { | |
margin:0; | |
} | |
#access { | |
background: #E2E2E2; | |
margin: auto; | |
} | |
#access a { | |
font: bold 1em Helvetica, sans-serif; | |
color: black; | |
padding: 1em 17px .8em 17px; | |
} | |
#access ul ul { | |
top: 3.0em; | |
z-index: 1000; | |
} | |
#access div { | |
margin: 0 1.6em; | |
} | |
#main { | |
clear: none; | |
padding: 0; | |
} | |
ul, ol { | |
margin: 1em 0 1.625em 2.5em; | |
} | |
#primary { | |
background: white; | |
padding: 0; | |
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; | |
} | |
.page-title.author { | |
font-size: inherit; | |
} | |
.singular .entry-header .entry-meta { | |
left: inherit; | |
} | |
.singular.page .hentry { | |
padding: 0 0 0; | |
} | |
.singular .hentry { | |
padding: 3em 0 0; | |
} | |
.singular #content, | |
.left-sidebar.singular #content { | |
margin: 1em; | |
} | |
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { | |
width: 85%; | |
} | |
#content nav{ | |
padding: 0 2em 0 0; | |
} | |
#nav-single .nav-previous, #nav-single .nav-next { | |
float: left; | |
} | |
#secondary { | |
padding-top: 1.8em; | |
background: white; | |
} | |
#page { | |
margin: 1em auto; | |
max-width: 950px; | |
} | |
#colophon { | |
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; | |
border-radius: 0px 0px 7px 7px; | |
background: #003093; /* Old browsers */ | |
background: -moz-linear-gradient(top, #003093 0%, #00165f 100%); /* FF3.6+ */ | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003093), color-stop(100%,#00165f)); /* Chrome,Safari4+ */ | |
background: -webkit-linear-gradient(top, #003093 0%,#00165f 100%); /* Chrome10+,Safari5.1+ */ | |
background: -o-linear-gradient(top, #003093 0%,#00165f 100%); /* Opera 11.10+ */ | |
background: -ms-linear-gradient(top, #003093 0%,#00165f 100%); /* IE10+ */ | |
background: linear-gradient(top, #003093 0%,#00165f 100%); /* W3C */ | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003093', endColorstr='#00165f',GradientType=0 ); /* IE6-9 */ | |
} | |
#colophon a { | |
color: white; | |
} | |
#content { | |
margin: 0 15% 0 10%; | |
width: 75%; | |
} | |
.widget-area { | |
text-align: center; | |
} | |
.widget-area ul { | |
list-style-type: none; | |
} | |
#secondary { | |
width: 15%; | |
margin-right: 1.8em; | |
} | |
#supplementary { | |
padding: 1.5em 7.6%; | |
} | |
#tabs-1 div { text-align: center; margin-top: 2em; } | |
div.step { | |
margin-top: 1.5em; | |
} | |
div.step p { margin-bottom: 0.5em; } | |
div.step img { margin: 0.5em auto; } | |
div.featurebox { | |
float: left; | |
width: 96%; | |
border: 1px solid #f4f4f4; | |
height: 150px; | |
margin: 2%; | |
} | |
.featurebox div { padding: 1em; } | |
.featurebox h2 { | |
display: block; | |
text-align: center; | |
padding: 0.5em; | |
background-color: #3f3f4d; | |
} | |
.featurebox h2 a, .featurebox h2 a:visited { color: #ffffff; } | |
/* =Responsive Structure for narrow screens | |
* to keep min width and sidebar | |
-------------------------------------------- */ | |
@media (max-width: 800px) { | |
# | |
/* keep the sidebar - for right sidebar */ | |
.right-sidebar #main #content { | |
margin: 0 29% 0 1%; | |
width: 70%; | |
} | |
.right-sidebar #main #secondary { | |
float: right; | |
margin: 0 1% 0 1%; | |
width: 24%; | |
} | |
/* keep the sidebar - for left sidebar */ | |
.left-sidebar #main #content { | |
margin: 0 1% 0 29%; | |
width: 60%; | |
} | |
.left-sidebar #main #secondary { | |
float: right; | |
margin: 0 -1% 0 2%; | |
width: 24%; | |
} | |
/* correction for 'showcase' template */ | |
.page-template-showcase-php #main #primary.showcase { | |
float: right; | |
margin: 0 2% 0 2%; | |
width: 96%; | |
} | |
.page-template-showcase-php #main #primary.showcase #content { | |
margin: 0 6% 0 6%; | |
width: 88%; | |
} | |
.page-template-showcase-php section.recent-posts { | |
float: right; | |
margin-right: 0pt; | |
margin-left: 31%; | |
width: 69%; | |
} | |
.page-template-showcase-php #main .widget-area { | |
float: left; | |
margin-right: -22.15%; | |
margin-left: 0pt; | |
width: 22.15%; | |
} | |
#main #content { | |
width:60%; | |
} | |
/* correction for singular posts/pages without sidebar */ | |
.singular #main #content { | |
margin: 0 8% 0 8%; | |
width: 84%; | |
} | |
/* keep floating footer widgets side-by-side at this size */ | |
#colophon #supplementary .widget-area { | |
float: left; | |
margin-right: 1%; | |
width: 32%; | |
} | |
} | |
@media (max-width: 750px) { | |
#main #secondary { | |
margin: auto; | |
} | |
.entry-header .comments-link a { | |
display:none; | |
} | |
#main #secondary ul { | |
list-style: none; | |
} | |
#main #secondary .widget { | |
margin: auto; | |
} | |
} | |
@media (max-width: 680px) { | |
#page { | |
margin: 0; | |
} | |
#branding { | |
border-radius: 0px; | |
} | |
#hero .right { | |
margin-left: 0em; | |
margin-right: 0em; | |
} | |
#hero .left, | |
#hero .right, | |
{ | |
width: 100% | |
} | |
#hero .left, .second .left{ | |
width: 100%; | |
margin-left: 0; | |
padding-right: 0; | |
border-right: 0px; | |
padding-bottom: 1em; | |
} | |
#hero .right, .second .right { | |
width: 100%; | |
} | |
.top { | |
padding: 30px 30px 30px 30px; | |
} | |
.second { | |
padding: 30px 30px 30px 30px; | |
} | |
#view_client { | |
width: 90%; | |
box-shadow:rgba(0, 0, 0, 0) 0px 1px 2px; | |
} | |
#other_clients a img { | |
box-shadow: rgba(0, 0, 0, 0) 0px 1px 2px; | |
width: 90%; | |
} | |
.heroButton { | |
box-shadow: rgba(0, 0, 0, 0) 0px 1px 2px; | |
width: 90%; | |
} | |
.right{ | |
float: none; | |
} | |
.bottom.right{ | |
padding-top:10px; | |
} | |
#branding #searchform { | |
display:none; | |
} | |
#supplementary { | |
padding: none; | |
} | |
#colophon { | |
border-radius: 0px; | |
} | |
} |