This repository has been archived by the owner. It is now read-only.
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?
cornerstone/style.scss
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
737 lines (572 sloc)
13.4 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: Cornerstone | |
Author: UConn Web Development Lab | |
Description: Parent theme for University of Connecticut | |
Version: 1 | |
Text Domain: cs | |
*/ | |
/* | |
This theme is based on | |
Underscores | |
Bootstrap 3 | |
*/ | |
/*-------------------------------------------------------------- | |
CORNERSTONE | |
--------------------------------------------------------------*/ | |
/* Variables | |
--------------------------------------------------------------*/ | |
$contentBg: #fff; | |
$contentPadding: 1em; | |
/* Mixins | |
--------------------------------------------------------------*/ | |
@mixin grayscale_element($value) { | |
-webkit-filter: grayscale($value); | |
-moz-filter: grayscale($value); | |
filter: grayscale($value); | |
} | |
/* Fonts | |
--------------------------------------------------------------*/ | |
@font-face { | |
font-family: 'Proxima Nova'; | |
src: url('../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot'); | |
src: url('../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'), | |
url('../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg'), | |
url('../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.woff') format('woff'), | |
url('../../global/fonts/proximanova_regular/ProximaNova-Reg-webfont.ttf') format('truetype'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
@font-face { | |
font-family: 'Proxima Nova'; | |
src: url('../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.eot'); | |
src: url('../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'), | |
url('../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg'), | |
url('../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.woff') format('woff'), | |
url('../../global/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.ttf') format('truetype'); | |
font-weight: 500; | |
font-style: normal; | |
} | |
/* Custom Header Image | |
--------------------------------------------------------------*/ | |
#masthead { | |
-ms-word-break: break-all; | |
word-break: break-all; | |
word-break: break-word; | |
-webkit-hyphens: auto; | |
-moz-hyphens: auto; | |
hyphens: auto; | |
} | |
#masthead.header-image .container { | |
position:relative; | |
} | |
#header-image-wrap { | |
overflow:hidden; | |
max-height:250px; | |
} | |
#header-image { | |
min-height:100px; | |
width:100%; | |
} | |
#masthead.header-image .site-branding { | |
position:absolute;top:30px; | |
left:30px; | |
} | |
#masthead.header-image .container .row { | |
position:absolute; | |
top:0; | |
left:0; | |
width:100%; | |
margin:0; | |
} | |
#site-title .searchform { | |
float:right; | |
padding-top:30px; | |
} | |
#site-title .parent-spacing .searchform { | |
margin-top:10px; | |
} | |
#primary-nav .searchform .form-control { | |
display:inline-block; | |
width:auto; | |
} | |
@media (max-width: 768px) { | |
#nav-wrapper .container { | |
padding:0; | |
} | |
.dropdown-menu .dropdown-menu { | |
padding-left:20px; | |
} | |
} | |
/* UConn Branding | |
--------------------------------------------------------------*/ | |
#uc-header{ | |
border-bottom:1px solid #fff; | |
} | |
#uc-site-header { | |
padding-top:30px; | |
} | |
#masthead.header-image #uc-site-header { | |
padding-top:0; | |
} | |
#uc-site-header h1, | |
#uc-site-header p, | |
#uc-site-header a{ | |
padding:0; | |
margin:0; | |
font-size:1em; | |
line-height:1em; | |
color:black; | |
font-style:normal; | |
font-weight:normal; | |
border:0; | |
font-family:"Proxima Nova", Helvetica, Arial, sans-serif; | |
} | |
#uc-site-header .blue a { | |
color:#0b1860; | |
} | |
#uc-site-header .grey a { | |
color:#7C878E; | |
} | |
#uc-site-header .white a { | |
color:#FFF; | |
} | |
#uc-site-header .black a { | |
color:#000; | |
} | |
#uc-site-header .glyphicon { | |
display:none; | |
} | |
#uc-site-header #uc-site-parent { | |
margin-bottom:5px; | |
} | |
#uc-site-header #uc-site-parent a { | |
font-size: 13px; | |
letter-spacing: 1px; | |
} | |
#uc-site-header #uc-site-title { | |
padding-bottom:30px; | |
} | |
#uc-site-header #uc-site-title a { | |
font-weight:500; | |
font-size:24px; | |
word-wrap: break-word; | |
max-width: 100%; | |
} | |
img { | |
height: auto; | |
max-width: 100%; | |
} | |
/* Link Flag */ | |
.flag { | |
background-color:rgba(0,0,0, .1); | |
font-size: 80%; | |
padding: .2em .3em; | |
margin-left: .4em; | |
border-radius:.3em; | |
} | |
.btn .flag { | |
border-width:0; | |
opacity:.7; | |
} | |
.external { | |
} | |
.external .glyphicon-new-window { | |
font-size:.8em; | |
margin-left:.4em; | |
opacity:.7; | |
} | |
.external:hover .glyphicon-new-window { | |
opacity:1; | |
} | |
/* comments form */ | |
.form-submit { | |
display: none; | |
} | |
.comment-form-author, | |
.comment-form-email, | |
.comment-form-url { | |
width: 50%; | |
} | |
/* NAV | |
--------------------------------------------------------------*/ | |
.navbar-default .navbar-brand { | |
height:auto; | |
float:none; | |
margin-right:110px; | |
font:500 18px "Proxima Nova", Helvetica, Arial, sans-serif; | |
color:black; | |
} | |
/* overwriting bootstrap 3's philosophical opposition to drop down menus. */ | |
.dropdown-submenu{ | |
position:relative; | |
} | |
.dropdown-submenu > .dropdown-menu { | |
top:0; | |
left:100%; | |
margin-top:-6px; | |
margin-left:-1px; | |
-webkit-border-radius:0 6px 6px 6px; | |
-moz-border-radius:0 6px 6px 6px; | |
border-radius:0 6px 6px 6px; | |
} | |
.dropdown-submenu:hover > .dropdown-menu{ | |
display:block; | |
} | |
.dropdown-submenu > a:after{ | |
display:block; | |
content:" "; | |
float:right; | |
width:0; | |
height:0; | |
border-color:transparent; | |
border-style:solid; | |
border-width:5px 0 5px 5px; | |
border-left-color:#cccccc; | |
margin-top:5px; | |
margin-right:-10px; | |
} | |
.dropdown-submenu:hover > a:after{ | |
border-left-color:#ffffff; | |
} | |
.dropdown-submenu .pull-left{ | |
float:none; | |
} | |
.dropdown-submenu.pull-left > .dropdown-menu{ | |
left:-100%; | |
margin-left:10px; | |
-webkit-border-radius:6px 0 6px 6px; | |
-moz-border-radius:6px 0 6px 6px; | |
border-radius:6px 0 6px 6px; | |
} | |
.navbar-collapse { | |
max-height:none; | |
} | |
/* | |
#primary-nav { | |
background-color: #ccc; | |
} | |
#primary-nav.neverwrap .nav { | |
width:100%; | |
} | |
#primary-nav.neverwrap > ul > li > a { | |
overflow:hidden; | |
text-overflow:ellipsis; | |
white-space:nowrap; | |
text-align:center; | |
} | |
#primary-nav.neverwrap > ul > li > a { | |
border-right:1px solid rgba(255,255,255, .33); | |
} | |
#primary-nav.neverwrap > ul > li:last-child > a { | |
border-right:none; | |
} | |
#primary-nav.neverwrap > ul > li+li > a { | |
border-left:1px solid rgba(0,0,0, .33); | |
font-size:.9em; | |
} | |
*/ | |
/**/ | |
.menu-icon, | |
.menu-label { | |
display: inline-block; | |
} | |
.menu-label { | |
position: relative; | |
top:-.15em; | |
margin-left: .2em; | |
} | |
/* PAGE | |
--------------------------------------------------------------*/ | |
#main { | |
background-color: $contentBg; | |
padding: $contentPadding; | |
} | |
/* POSTS | |
--------------------------------------------------------------*/ | |
.post { | |
background-color: $contentBg; | |
padding: $contentPadding; | |
} | |
/* SINGLE | |
--------------------------------------------------------------*/ | |
.widget-head, | |
.widget-content { | |
background-color: $contentBg; | |
padding: $contentPadding; | |
} | |
#footers { | |
margin-top:1.5em; | |
} | |
body.sticky #footers { | |
position:absolute; | |
bottom:0; | |
left:0; | |
width:100%; | |
} | |
#mega-footer { | |
background-color:black; | |
} | |
#footer { | |
padding:1.5em 0; | |
background-color:black; | |
color:#666; | |
} | |
#footer ul { | |
padding:0; | |
} | |
#footer li { | |
display:inline; | |
margin-right:1em; | |
} | |
#footer li:last-child { | |
margin-right:0; | |
} | |
#footer .glyphicon { | |
display:none; | |
} | |
// Bootstrap overrides. | |
code { | |
white-space:normal; | |
} | |
/*-------------------------------------------------------------- | |
7.0 Alignments | |
--------------------------------------------------------------*/ | |
.alignleft { | |
display: inline; | |
float: left; | |
margin-right: 1.5em; | |
} | |
.alignright { | |
display: inline; | |
float: right; | |
margin-left: 1.5em; | |
} | |
.aligncenter { | |
clear: both; | |
display: block; | |
margin: 0 auto; | |
} | |
/*-------------------------------------------------------------- | |
9.0 Widgets | |
--------------------------------------------------------------*/ | |
.widget { | |
margin: 0 0 1.5em; | |
} | |
/* Make sure select elements fit in widgets */ | |
.widget select { | |
max-width: 100%; | |
} | |
/* Search widget */ | |
.widget_search .search-submit { | |
display: none; | |
} | |
/*-------------------------------------------------------------- | |
10.0 Content | |
--------------------------------------------------------------*/ | |
/*-------------------------------------------------------------- | |
10.1 Posts and pages | |
--------------------------------------------------------------*/ | |
.sticky { | |
} | |
.hentry { | |
margin: 0 0 1.5em; | |
} | |
.byline, | |
.updated { | |
display: none; | |
} | |
.single .byline, | |
.group-blog .byline { | |
display: inline; | |
} | |
.page-content, | |
.entry-content, | |
.entry-summary { | |
margin: 1.5em 0 0; | |
} | |
.page-links { | |
clear: both; | |
margin: 0 0 1.5em; | |
} | |
.nav-next { | |
text-align:right; | |
} | |
/*-------------------------------------------------------------- | |
10.2 Asides | |
--------------------------------------------------------------*/ | |
.blog .format-aside .entry-title, | |
.archive .format-aside .entry-title { | |
display: none; | |
} | |
/*-------------------------------------------------------------- | |
10.3 Comments | |
--------------------------------------------------------------*/ | |
.comments-area { | |
} | |
.comment-list { | |
padding:0; | |
list-style-type:none; | |
} | |
.comment-list ol { | |
list-style-type:none; | |
} | |
.comment { | |
padding:$contentPadding; | |
border-top:1px solid #ccc; | |
} | |
.comment.thread-odd { | |
background-color:#f5f5f5; | |
} | |
.comment-content a { | |
word-wrap: break-word; | |
} | |
/*-------------------------------------------------------------- | |
11.0 Infinite scroll | |
--------------------------------------------------------------*/ | |
/* Globally hidden elements when Infinite Scroll is supported and in use. */ | |
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ | |
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ | |
display: none; | |
} | |
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ | |
.infinity-end.neverending .site-footer { | |
display: block; | |
} | |
/*-------------------------------------------------------------- | |
12.0 Media | |
--------------------------------------------------------------*/ | |
.page-content img.wp-smiley, | |
.entry-content img.wp-smiley, | |
.comment-content img.wp-smiley { | |
border: none; | |
margin-bottom: 0; | |
margin-top: 0; | |
padding: 0; | |
} | |
/* Make sure embeds and iframes fit their containers */ | |
embed, | |
iframe, | |
object { | |
max-width: 100%; | |
} | |
/*-------------------------------------------------------------- | |
12.1 Captions | |
--------------------------------------------------------------*/ | |
.wp-caption { | |
margin-bottom: 1.5em; | |
max-width: 100%; | |
} | |
.wp-caption img[class*="wp-image-"] { | |
display: block; | |
margin: 0 auto; | |
} | |
.wp-caption-text { | |
text-align: center; | |
} | |
.wp-caption .wp-caption-text { | |
margin: 0.8075em 0; | |
} | |
/*-------------------------------------------------------------- | |
12.2 Galleries | |
--------------------------------------------------------------*/ | |
.gallery { | |
margin-bottom: 1.5em; | |
} | |
.gallery-item { | |
display: inline-block; | |
text-align: center; | |
vertical-align: top; | |
width: 100%; | |
} | |
.gallery-columns-2 .gallery-item { | |
max-width: 50%; | |
} | |
.gallery-columns-3 .gallery-item { | |
max-width: 33.33%; | |
} | |
.gallery-columns-4 .gallery-item { | |
max-width: 25%; | |
} | |
.gallery-columns-5 .gallery-item { | |
max-width: 20%; | |
} | |
.gallery-columns-6 .gallery-item { | |
max-width: 16.66%; | |
} | |
.gallery-columns-7 .gallery-item { | |
max-width: 14.28%; | |
} | |
.gallery-columns-8 .gallery-item { | |
max-width: 12.5%; | |
} | |
.gallery-columns-9 .gallery-item { | |
max-width: 11.11%; | |
} | |
.gallery-caption {} | |
/* | |
Accessibility Features | |
*/ | |
#skiplinks { | |
position: absolute; | |
left:0; | |
top:0; | |
visibility: hidden; | |
height: 0; | |
width: 0; | |
} | |
.accessibility-fail { | |
@include grayscale_element(100%); | |
opacity: .3; | |
} | |
.accessibility-fail-msg { | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.accessibility-fail-msg .glyphicon { | |
color:red; | |
margin-right: 1em; | |
} | |
.accessibility-fail-msg a { | |
text-decoration: underline; | |
} | |
/* Table stripper - removes all styles from elements within tables. */ | |
table div, table span, table applet, table object, table iframe, table | |
h1, table h2, table h3, table h4, table h5, table h6, table p, table blockquote, table pre, table | |
a, table abbr, table acronym, table address, table big, table cite, table code, table | |
del, table dfn, table em, table img, table ins, table kbd, table q, table s, table samp, table | |
small, table strike, table strong, table sub, table sup, table tt, table var, table | |
b, table u, table i, table center, table | |
dl, table dt, table dd, table ol, table ul, table li, table | |
fieldset, table form, table label, table legend, table | |
article, table aside, table canvas, table details, table embed, table | |
figure, table figcaption, table footer, table header, table hgroup, table | |
menu, table nav, table output, table ruby, table section, table summary, table | |
time, table mark, table audio, table video { | |
margin: 0!important; | |
padding: 0!important; | |
border: 0!important; | |
font-size: 100%!important; | |
vertical-align: baseline!important; | |
} | |
/* HTML5 display-role reset for older browsers */ | |
table article, table aside, table details, table figcaption, table figure, table | |
footer, table header, table hgroup, table menu, table nav, table section { | |
display: block!important; | |
} | |
table body { | |
line-height: 1!important; | |
} | |
table ol, table ul { | |
list-style: none!important; | |
} | |
table blockquote, table q { | |
quotes: none!important; | |
} | |
table blockquote:before, table blockquote:after, table | |
q:before, table q:after { | |
content: ''!important; | |
content: none!important; | |
} | |
/* | |
End Accessibility | |
*/ | |