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?
unesco/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.
1982 lines (1757 sloc)
37.8 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: UNESCO | |
| Description: Custom theme for the Unesco Chair and Institute for Comparitive Human Rights. | |
| Author: UConn Web Lab: Jessika Mercado & Andrew Bacon | |
| Author URI: http://webdev.uconn.edu | |
| Version: 1.2 | |
| */ | |
| @font-face { | |
| font-family: 'Proxima Nova'; | |
| src: url('../hale/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot'); | |
| src: url('../hale/fonts/proximanova_regular/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'), | |
| url('../hale/fonts/proximanova_regular/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg'), | |
| url('../hale/fonts/proximanova_regular/ProximaNova-Reg-webfont.woff') format('woff'), | |
| url('../hale/fonts/proximanova_regular/ProximaNova-Reg-webfont.ttf') format('truetype'); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| @font-face { | |
| font-family: 'Proxima Nova'; | |
| src: url('../hale/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.eot'); | |
| src: url('../hale/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'), | |
| url('../hale/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg'), | |
| url('../hale/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.woff') format('woff'), | |
| url('../hale/fonts/proximanova_semibold/ProximaNova-Sbold-webfont.ttf') format('truetype'); | |
| font-weight: 500; | |
| font-style: normal; | |
| } | |
| /* | |
| Andrew's Base CSS from Hale | |
| */ | |
| /* more andrew css */ | |
| .post { | |
| padding:20px 40px 50px; | |
| border:1px solid #ddd; | |
| border:none; | |
| -webkit-border-radius: 7px; | |
| -moz-border-radius: 7px; | |
| border-radius: 7px; | |
| -moz-box-shadow: 0px 1px 1px 1px #eee; | |
| -webkit-box-shadow: 0px 1px 1px 1px #eee; | |
| box-shadow: 0px 1px 1px 1px #eee; | |
| background-color: #fff; | |
| margin-bottom:20px; | |
| } | |
| .posts .post { | |
| margin-bottom:30px; | |
| } | |
| .post-meta { | |
| font-size:90%; | |
| color:#999; | |
| } | |
| .content .post-meta a { | |
| color:#999; | |
| border-bottom-width: 0; | |
| } | |
| .content .post-meta a:hover { | |
| color:#09F; | |
| text-decoration: underline; | |
| } | |
| .post-meta i { | |
| opacity:.3; | |
| margin:-1px 5px 0 0; | |
| } | |
| .post-date, | |
| .post-author, | |
| .post-tags { | |
| margin-right: 15px; | |
| } | |
| .post-tags { | |
| color:#ccc; | |
| } | |
| .navigation { | |
| padding: 20px 0; | |
| margin-bottom: 10px; | |
| } | |
| .navigation a { | |
| -ms-word-wrap: break-word; | |
| word-wrap: break-word; | |
| max-width: 400px; | |
| display: inline-block; | |
| } | |
| .navigation .older { | |
| float: left; | |
| } | |
| .navigation .newer { | |
| float: right; | |
| } | |
| .post .wp-caption { | |
| max-width:100% !important; | |
| } | |
| .lte9 .post .wp-caption { | |
| width:100% !important; | |
| } | |
| .author-info { | |
| border-radius: 7px; | |
| border:1px solid #eee; | |
| padding: 20px; | |
| background-color: #f7f7f7; | |
| margin-bottom: 30px; | |
| } | |
| #sidebar-widgets { | |
| margin: 0; | |
| } | |
| .widget { | |
| overflow:hidden; | |
| list-style-type:none; | |
| margin-bottom: 20px; | |
| min-height:20px; | |
| } | |
| #hero .widget { | |
| margin-bottom:0; | |
| } | |
| .lte9 .widget { | |
| } | |
| .widget-title { | |
| } | |
| .lte9 .widget-title { | |
| } | |
| .lte8 .widget-title { | |
| } | |
| /* specfic widgets */ | |
| /* Wordpress Standard Widgets */ | |
| /* List widgets. These just generate ULs */ | |
| .widget_archive ul, | |
| .widget_categories ul, | |
| .widget_meta ul, | |
| .widget_pages ul, | |
| .widget_recent_comments ul, | |
| .widget_recent_entries ul { | |
| margin:0; | |
| list-style-type: none; | |
| } | |
| .widget_archive ul ul, | |
| .widget_categories ul ul, | |
| .widget_meta ul ul, | |
| .widget_pages ul ul, | |
| .widget_recent_comments ul ul, | |
| .widget_recent_entries ul ul { | |
| list-style-type:circle; | |
| margin: 0 0 5px 18px; | |
| color: #b9b9b9; | |
| } | |
| .widget_calendar table { | |
| margin-bottom:0; | |
| margin-top: 10px; | |
| } | |
| .widget_rss {} | |
| .widget_rss .widget-title { | |
| position:relative; | |
| top:1px; | |
| } | |
| .widget_rss .widget-title img { | |
| position: relative; | |
| top:-1px; | |
| } | |
| .widget_rss ul { | |
| list-style-type: none; | |
| margin: 15px; | |
| } | |
| .widget_rss li { | |
| margin:15px 0; | |
| } | |
| .widget_rss ul .rsswidget { | |
| display: block; | |
| } | |
| .widget_rss .rss-date { | |
| display: block; | |
| color: #aaa; | |
| font-size: .8em; | |
| } | |
| .widget_rss .rssSummary { | |
| display: block; | |
| } | |
| .widget_rss cite { | |
| display: block; | |
| color: #aaa; | |
| font-size: .8em; | |
| } | |
| .widget_tag_cloud .tagcloud { | |
| margin: 15px 20px; | |
| } | |
| .widget_nav_menu {} | |
| .widget_nav_menu .menu { | |
| margin-top: 10px; | |
| margin-left:15px; | |
| list-style-type: none; | |
| } | |
| .widget_text {} | |
| .textwidget { | |
| } | |
| .widget_search { | |
| } | |
| .widget_search #searchform { | |
| padding:15px 15px 0; | |
| } | |
| .span3 input, .span3 textarea, .span3 .uneditable-input { | |
| max-width: 174px; | |
| } | |
| /* image widget */ | |
| .widget_sp_image { | |
| border:none; | |
| background-color:transparent; | |
| } | |
| .widget_sp_image img { | |
| max-width:100% !important; | |
| } | |
| .lte9 .widget_sp_image img { | |
| } | |
| /* slideshow widget */ | |
| .uc-ssw { | |
| border: none; | |
| } | |
| .uc-ssw .nivoSlider { | |
| overflow: hidden; | |
| margin-bottom: 0 !important; | |
| } | |
| @media (min-width: 1200px) { | |
| .span3 .uc-ssw .nivoSlider { | |
| height:105px; | |
| } | |
| .span4 .uc-ssw .nivoSlider { | |
| height: 144px; | |
| } | |
| .span6 .uc-ssw .nivoSlider { | |
| height: 222px; | |
| } | |
| .span8 .uc-ssw .nivoSlider { | |
| height: 300px; | |
| } | |
| .span12 .uc-ssw .nivoSlider { | |
| height:456px; | |
| } | |
| } | |
| @media (min-width: 980px) and (max-width: 1199px) { | |
| .span3 .uc-ssw .nivoSlider { | |
| height:86px; | |
| } | |
| .span4 .uc-ssw .nivoSlider { | |
| height: 117px; | |
| } | |
| .span6 .uc-ssw .nivoSlider { | |
| height: 179px; | |
| } | |
| .span8 .uc-ssw .nivoSlider { | |
| height: 241px; | |
| } | |
| .span12 .uc-ssw .nivoSlider { | |
| height:366px; | |
| } | |
| } | |
| @media (min-width: 480px) and (max-width: 979px) { | |
| .span3 .uc-ssw .nivoSlider { | |
| height:65px; | |
| } | |
| .span4 .uc-ssw .nivoSlider { | |
| height: 89px; | |
| } | |
| .span6 .uc-ssw .nivoSlider { | |
| height: 137px; | |
| } | |
| .span8 .uc-ssw .nivoSlider { | |
| height: 185px; | |
| } | |
| .span12 .uc-ssw .nivoSlider { | |
| height:282px; | |
| } | |
| } | |
| @media (max-width: 479px) { | |
| .span3 .uc-ssw .nivoSlider, | |
| .span4 .uc-ssw .nivoSlider, | |
| .span6 .uc-ssw .nivoSlider, | |
| .span8 .uc-ssw .nivoSlider, | |
| .span12 .uc-ssw .nivoSlider { | |
| height:117px; | |
| } | |
| } | |
| .uc-ssw .nivoSlider img { | |
| min-width: 100%; | |
| min-height: 100%; | |
| } | |
| .uc-ssw .slider-wrapper { | |
| padding: 0 !important; | |
| } | |
| #home1 .nivoSlider a.nivo-imageLink { | |
| width:auto !important; | |
| height: auto !important; | |
| min-height: 100% !important; | |
| min-width: 100% !important; | |
| } | |
| /* bring bootstrap styles to the wordpress selectors. Ideally, we can get some PHP that will instead add the bootstrap selectors, but this is for the interim. */ | |
| table { | |
| width: 100%; | |
| margin-bottom: 20px; | |
| } | |
| table th, | |
| table td { | |
| padding: 8px; | |
| line-height: 20px; | |
| text-align: left; | |
| vertical-align: top; | |
| border-top: 1px solid #dddddd; | |
| } | |
| table th { | |
| font-weight: bold; | |
| } | |
| table thead th { | |
| vertical-align: bottom; | |
| } | |
| table caption + thead tr:first-child th, | |
| table caption + thead tr:first-child td, | |
| table colgroup + thead tr:first-child th, | |
| table colgroup + thead tr:first-child td, | |
| table thead:first-child tr:first-child th, | |
| table thead:first-child tr:first-child td { | |
| border-top: 0; | |
| } | |
| table tbody + tbody { | |
| border-top: 2px solid #dddddd; | |
| } | |
| table .table { | |
| background-color: #ffffff; | |
| } | |
| /* Lifted from twentytwelve */ | |
| /* Responsive images */ | |
| .entry-content img, | |
| .comment-content img, | |
| .widget img { | |
| max-width: 100%; /* Fluid images for posts, comments, and widgets */ | |
| } | |
| img[class*="align"], | |
| img[class*="wp-image-"], | |
| img[class*="attachment-"] { | |
| height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ | |
| } | |
| img.size-full, | |
| img.size-large, | |
| img.header-image, | |
| img.wp-post-image { | |
| max-width: 100%; | |
| height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ | |
| } | |
| /* Make sure videos and embeds fit their containers */ | |
| embed, | |
| iframe, | |
| object, | |
| video { | |
| max-width: 100%; | |
| } | |
| .entry-content .twitter-tweet-rendered { | |
| max-width: 100% !important; /* Override the Twitter embed fixed width */ | |
| } | |
| /* Images */ | |
| .alignleft { | |
| float: left; | |
| } | |
| .alignright { | |
| float: right; | |
| } | |
| .aligncenter { | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .wp-caption { | |
| max-width: 100%; /* Keep wide captions from overflowing their container. */ | |
| } | |
| .entry-content dl.gallery-item { | |
| margin: 0; | |
| } | |
| .gallery-item a, | |
| .gallery-caption { | |
| width: 90%; | |
| } | |
| .gallery-item a { | |
| display: block; | |
| } | |
| .gallery-caption a { | |
| display: inline; | |
| } | |
| .gallery-columns-1 .gallery-item a { | |
| max-width: 100%; | |
| width: auto; | |
| } | |
| .gallery .gallery-icon img { | |
| height: auto; | |
| max-width: 90%; | |
| padding: 5%; | |
| } | |
| .gallery-columns-1 .gallery-icon img { | |
| padding: 3%; | |
| } | |
| /* /twentytwelve */ | |
| /* | |
| Basic Content sytles for posts, pages. Let's clean up that overly-large Bootstrap typography. | |
| - remember to duplicate this for the text widget. | |
| */ | |
| .content { | |
| -ms-word-wrap: break-word; | |
| word-wrap: break-word; | |
| } | |
| .lte9 .content { | |
| font-family:Helvetica, Arial, sans-serif; | |
| } | |
| .content h1 { | |
| font-size: 21px; | |
| line-height: 28px; | |
| font-weight: 400; | |
| font-family: 'Titillium Web', sans-serif; | |
| color: #3a3a3a; | |
| } | |
| .content h2 { | |
| font-size: 18px; | |
| line-height: 24px; | |
| font-weight: 400; | |
| font-family: 'Titillium Web', sans-serif; | |
| color: #3a3a3a; | |
| } | |
| .content h3 { | |
| font-size: 16px; | |
| line-height: 20px; | |
| font-weight: 400; | |
| font-family: 'Titillium Web', sans-serif; | |
| color: #3a3a3a; | |
| } | |
| .content h4, | |
| .content h5, | |
| .content h6 { | |
| font-size: 14px; | |
| line-height: 18px; | |
| font-weight: 400; | |
| font-family: 'Titillium Web', sans-serif; | |
| color: #3a3a3a; | |
| margin-bottom:10px; | |
| } | |
| .content strong{ | |
| font-weight:normal; | |
| color:#4d4c4c; | |
| } | |
| .content dt, .content dd{ | |
| font-weight:normal; | |
| } | |
| .content dt{ | |
| color:#4d4c4c; | |
| margin-bottom:6px; | |
| font-weight: 400; | |
| font-size:14px; | |
| } | |
| .content cite{ | |
| font-style: italic; | |
| padding-left: 6px; | |
| font-weight: 400; | |
| font-family: 'Titillium Web', sans-serif; | |
| } | |
| .content q{ | |
| font-size: 14px; | |
| border-left:1px solid rgba(153,153,153,0.4); | |
| margin-left:30px; | |
| font-weight: 400; | |
| font-family: 'Titillium Web', sans-serif; | |
| padding-left:10px; | |
| } | |
| .content blockquote{ | |
| border-left:1px solid rgba(153,153,153,0.4); | |
| margin-left:30px; | |
| font-weight: 400; | |
| font-family: 'Titillium Web', sans-serif; | |
| } | |
| .content blockquote p { | |
| font-size: 14px; | |
| } | |
| .content code { | |
| font-size: 11px; | |
| } | |
| .content pre { | |
| font-size: 11px; | |
| line-height: 18px; | |
| } | |
| .content a { | |
| border-bottom: 1px solid #cfedff; | |
| } | |
| .content .gallery a { | |
| border-bottom: none; | |
| } | |
| .content a:hover { | |
| border-bottom-color: #005580; | |
| text-decoration: none; | |
| } | |
| .content img.alignright{ | |
| margin: 0 0px 35px 35px; | |
| } | |
| .content img.alignleft { | |
| margin: 0 35px 35px 0; | |
| } | |
| .content img.aligncenter { | |
| margin-bottom:25px; | |
| } | |
| .content .wp-caption-text { | |
| text-indent: 3px; | |
| font-size: .8em; | |
| color: #5c5c5c; | |
| font-style: italic; | |
| margin: 10px 0px 20px 0px; | |
| } | |
| .content img.alignnone{ | |
| margin-bottom:25px; | |
| } | |
| .content .wp-caption.alignleft{ | |
| margin: 0px 35px 35px 0px; | |
| } | |
| .content .wp-caption.alignright{ | |
| margin: 0px 0px 35px 35px; | |
| } | |
| /* copy, paste, find, replace for text widget. Hacky, but will do until I get more PHP devs. */ | |
| .textwidget { | |
| font-family: "Proxima Nova", sans-serif; | |
| } | |
| .lte9 .textwidget { | |
| font-family:Arial, Helvetica, sans-serif; | |
| } | |
| .textwidget h1 { | |
| font-size: 21px; | |
| } | |
| .textwidget h2 { | |
| font-size: 18px; | |
| } | |
| .textwidget h3 { | |
| font-size: 16px; | |
| } | |
| .textwidget h4, | |
| .textwidget h5, | |
| .textwidget h6 { | |
| font-size: 14px; | |
| } | |
| .textwidget blockquote p { | |
| font-size: 14px; | |
| } | |
| .textwidget code { | |
| font-size: 11px; | |
| } | |
| .textwidget pre { | |
| font-size: 11px; | |
| line-height: 18px; | |
| } | |
| .textwidget a { | |
| border-bottom: 1px solid #cfedff; | |
| } | |
| .textwidget a:hover { | |
| border-bottom-color: #005580; | |
| text-decoration: none; | |
| } | |
| .textwidget img.alignright { | |
| margin:0 0 20px 20px; | |
| } | |
| .textwidget img.alignleft { | |
| margin: 0 20px 20px 0; | |
| } | |
| .textwidget img.aligncenter { | |
| margin-bottom:20px; | |
| } | |
| .textwidget .wp-caption-text { | |
| text-indent: 3px; | |
| font-size: .8em; | |
| color: #5c5c5c; | |
| font-style: italic; | |
| } | |
| .featured-image { | |
| float: right; | |
| padding: 0 0 20px 30px; | |
| } | |
| /* | |
| Comments | |
| */ | |
| .commentlist { | |
| list-style-type: none; | |
| margin-left: 0; | |
| } | |
| .comment, | |
| .pingback { | |
| padding: 30px 0; | |
| border-top: 1px dotted #ddd; | |
| } | |
| .comment .comment { | |
| padding: 0; | |
| border: none; | |
| } | |
| .comment-body { | |
| position: relative; | |
| padding-left: 175px; | |
| min-height: 50px; | |
| } | |
| .comment .comment .comment-body { | |
| padding: 0; | |
| min-height: inherit; | |
| } | |
| .comment-author { | |
| position: absolute; | |
| top:0; | |
| left: 0; | |
| width: 150px; | |
| } | |
| .comment .comment .comment-author { | |
| position: relative; | |
| width: auto; | |
| } | |
| .comment-meta { | |
| float: right; | |
| } | |
| .content .comment-meta a { | |
| color: #999; | |
| border-bottom-width:0; | |
| } | |
| .content .comment-meta a.comment-edit-link { | |
| color: #08c; | |
| border-bottom-width: 1px; | |
| } | |
| .children { | |
| list-style-type: none; | |
| margin-left: 175px; | |
| padding-top: 20px; | |
| } | |
| .children .children { | |
| margin-left: 25px; | |
| } | |
| #commentform {} | |
| #comment { | |
| width:100%; | |
| } | |
| .nocomments { | |
| margin: 30px; | |
| } | |
| /* | |
| UNESCO CHAIR - University of Connecticut | |
| Uits Web Development Lab | |
| Jul 2013 | |
| âÅ"ŽCode By MikaâÅ"Ž | |
| */ | |
| /*Font face-----------------------------------------------------*/ | |
| @font-face { | |
| font-family: 'Titillium Web'; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: local('Titillium Web'), local('TitilliumWeb-Regular'), url('https://themes.googleusercontent.com/static/fonts/titilliumweb/v1/7XUFZ5tgS-tD6QamInJTcZ_o9VAbKgK36i-4snuAuCM.woff') format('woff'); | |
| } | |
| @font-face { | |
| font-family: 'Titillium Web'; | |
| font-style: normal; | |
| font-weight: 600; | |
| src: local('Titillium WebSemiBold'), local('TitilliumWeb-SemiBold'), url('https://themes.googleusercontent.com/static/fonts/titilliumweb/v1/anMUvcNT0H1YN4FII8wprx3QmhlKDgQgT1VN2Ed1WFo.woff') format('woff'); | |
| } | |
| @font-face { | |
| font-family: 'Titillium Web'; | |
| font-style: italic; | |
| font-weight: 400; | |
| src: local('Titillium WebItalic'), local('TitilliumWeb-Italic'), url('https://themes.googleusercontent.com/static/fonts/titilliumweb/v1/r9OmwyQxrgzUAhaLET_KO8-iP4m4uFrmmLLVBqy34EU.woff') format('woff'); | |
| } | |
| @font-face { | |
| font-family: 'Titillium Web'; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: local('Titillium Web'), local('TitilliumWeb-Regular'), url'(https://themes.googleusercontent.com/static/fonts/titilliumweb/v1/7XUFZ5tgS-tD6QamInJTcZ_o9VAbKgK36i-4snuAuCM.woff') format('woff'); | |
| } | |
| @font-face{ | |
| font-family: 'Montserrat'; | |
| src: url('https://fonts.googleapis.com/css?family=Montserrat:400,700'); | |
| font-weight:200; | |
| } | |
| /*----Font Color Variables---- | |
| content:#272827; | |
| darkgrey:#7b7b7b; | |
| lightgrey:#c0c0c0; | |
| blue:#3e80ce; | |
| caption:#0b1b39; | |
| nav:#ffffff; | |
| ----Design Color Variables----*/ | |
| /*CSS----------------------------------------------------*/ | |
| body { | |
| font-family: 'Titillium Web', sans-serif; | |
| padding:0px; | |
| } | |
| @media (max-width:768px) { | |
| #uc-header #hold, #un-head h3.un-title, #nav-hold .navbar, #content #content-hold, #footer-hold #footer-nav{ | |
| padding-left:20px; | |
| padding-right:20px; | |
| } | |
| } | |
| @media(max-wdth:480px){ | |
| #unesco-top{ | |
| position:relative; | |
| } | |
| } | |
| /*========== Uconn Header =========*/ | |
| #uc-header {< | |
| -moz-box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| -webkit-box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| } | |
| /*========== Unesco Header =========*/ | |
| #un-head { | |
| height: 115px; | |
| -moz-box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| -webkit-box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| position: relative; | |
| } | |
| #un-head h3.un-title { | |
| font-size: 1.8em; | |
| font-family: 'Montserrat', sans-serif; | |
| margin-top: 40px; | |
| font-weight: 400; | |
| position:relative; | |
| } | |
| #un-head h3.un-title a { | |
| color: #0b1860; | |
| font:500 24px 'Proxima Nova', Helvetica, Arial, sans-serif; | |
| } | |
| #un-head h3.un-title #parent-site { | |
| position:absolute; | |
| top:-1.2em; | |
| left:0; | |
| } | |
| #un-head h3.un-title #parent-site a { | |
| font:13px 'Proxima Nova', Helvetica, Arial, sans-serif; | |
| letter-spacing:1px; | |
| color: #868695; | |
| text-transform:uppercase; | |
| } | |
| #un-head h3.un-title span{ | |
| } | |
| #un-head h3.un-title i{ | |
| color: #c0c0c0; | |
| font-style: normal; | |
| } | |
| #un-head h3.un-title em{ | |
| color:#898989; | |
| font-style: normal; | |
| } | |
| @media (max-width:979px){ | |
| #un-head { | |
| height: 80px; | |
| -moz-box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| -webkit-box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| position: relative; | |
| } | |
| #un-head h3.un-title { | |
| font-size: 1.4em; | |
| font-family: 'Montserrat', sans-serif; | |
| color: #3e80ce; | |
| margin-top: 20px; | |
| font-weight: 400; | |
| } | |
| } | |
| } | |
| @media (max-width:979px){ | |
| #un-head { | |
| height: 80px; | |
| -moz-box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| -webkit-box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| position: relative; | |
| } | |
| #un-head h3.un-title { | |
| font-size: 1.4em; | |
| font-family: 'Montserrat', sans-serif; | |
| color: #3e80ce; | |
| margin-top: 20px; | |
| font-weight: 400; | |
| } | |
| } | |
| @media (max-width:500px){/* Number modeled after Unesco Title Lenght */ | |
| #un-head { | |
| height: 50px; | |
| -moz-box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| -webkit-box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| } | |
| #un-head h3.un-title { | |
| font-size: 1.1em; | |
| font-family: 'Montserrat', sans-serif; | |
| color: #3e80ce; | |
| margin-top: 5px; | |
| font-weight: 400; | |
| } | |
| #un-head h3.un-title span{ | |
| display:none; | |
| } | |
| } | |
| /*=================== Menu ===================*/ | |
| #nav-hold{ | |
| background:url(img/nav-barbg-8.png) repeat-x; | |
| -moz-box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| -webkit-box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| box-shadow: 0px 1px 3px rgba(51,51,51,0.5); | |
| border-bottom: 2px solid #3e80ce; | |
| color:#fff; | |
| position:relative; | |
| background-color:#3e80ce; | |
| } | |
| @media (max-width:480px){ | |
| #nav-hold{ | |
| background:none; | |
| -moz-box-shadow: none; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| border-bottom: none; | |
| color:#fff; | |
| } | |
| } | |
| /*====== Main Menu =====*/ | |
| .navbar-inner{ | |
| filter:none; | |
| background:url(img/nav-barbg-8.png) repeat-x; | |
| border:none; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow:none; | |
| padding:0px; | |
| margin:0px; | |
| } | |
| @media (max-width:480px){ | |
| #nav-hold .navbar-inner{ | |
| position:relative; | |
| } | |
| #nav-hold .navbar-inner { | |
| background:#3e80ce; | |
| min-height:0; | |
| } | |
| .btn-navbar { | |
| position:absolute; | |
| top:-45px; | |
| right:0; | |
| z-index:100; | |
| } | |
| #nav-hold .navbar{ | |
| padding-left:0px; | |
| padding-right:0px; | |
| } | |
| } | |
| .navbar{ | |
| margin-bottom:0px; | |
| } | |
| .navbar .nav{ | |
| margin:0; | |
| } | |
| #main-nav #nav-one{ | |
| } | |
| #main-nav #nav-one > li{ | |
| width:110px; | |
| } | |
| #main-nav #nav-one li a{ | |
| color:#ffffff; | |
| } | |
| #main-nav #nav-one > li > a{ | |
| border-right: 1px solid #4578b0; | |
| border-left: 1px solid #3c5f8d; | |
| text-shadow:1px 1px 0px #000000; | |
| text-transform:uppercase; | |
| font-size:0.9em; | |
| display:block; | |
| text-align:center; | |
| } | |
| .lte9 #main-nav #nav-one > li > a { | |
| font-size:.75em; | |
| } | |
| #main-nav #nav-one li a:hover{ | |
| color:rgba(255,255,255,1); | |
| text-shadow:none; | |
| background-color: rgba(41,71,111,0.2); | |
| } | |
| @media (min-width: 979px){ | |
| #main-nav #nav-one li a.active{ | |
| background-color: rgba(41,71,111,1.0); | |
| } | |
| } | |
| #main-nav #nav-one #spacer{ | |
| width:280px; | |
| } | |
| @media (min-width: 1200px) { | |
| #main-nav #nav-one > li{ | |
| width:142px; | |
| } | |
| #main-nav #nav-one li#spacer{ | |
| width:318px; | |
| } | |
| } | |
| @media (max-width: 979px) { | |
| #main-nav #nav-one li a{ | |
| border-right: none; | |
| border-left: none; | |
| text-align:left; | |
| } | |
| #main-nav #nav-one li{ | |
| width:100%; | |
| } | |
| } | |
| /*====== Sub Menu =====*/ | |
| #main-nav #nav-one .dropdown-menu a{ | |
| background-color: #29476f; | |
| color:#ffffff; | |
| } | |
| .navbar .nav li.dropdown.open > .dropdown-toggle, | |
| .navbar .nav li.dropdown.active > .dropdown-toggle, | |
| .navbar .nav li.dropdown.open.active > .dropdown-toggle { | |
| color: #555555; | |
| background-color: #29476f; | |
| } | |
| .dropdown-menu { | |
| padding:0px; | |
| } | |
| .navbar .nav > li > .dropdown-menu::before, | |
| .navbar .nav > li > .dropdown-menu::after | |
| { | |
| display:none; | |
| } | |
| .dropdown-submenu > a:after { | |
| display: block; | |
| float: left; | |
| width: 0; | |
| height: 0; | |
| margin-top: 5px; | |
| margin-left: -10px; | |
| border-color: transparent; | |
| border-left-color: #ffffff; | |
| border-style: solid; | |
| border-width: 5px 0 5px 5px; | |
| content: " "; | |
| } | |
| /*====== Logos =====*/ | |
| #trinity ul{ | |
| background: url(img/_logo-bg.png) no-repeat; | |
| position:absolute; | |
| top:-20px; | |
| width: 300px; | |
| left: 50%; | |
| margin-left: -145px; | |
| } | |
| #trinity ul.nav li a{ | |
| display:block; | |
| padding: 0px 16px 6px; | |
| height:100px; | |
| } | |
| #trinity ul.nav li a img:hover{ | |
| } | |
| @media (max-width:979px) { | |
| #trinity ul{ | |
| display:none; | |
| } | |
| } | |
| /*====================== Content =======================*/ | |
| @media (max-width:768px) { | |
| #content #content-hold { | |
| padding-left:25px; | |
| padding-right:25px; | |
| } | |
| } | |
| #content{ | |
| background: #f0f0f0; | |
| font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | |
| color: #4b4b4b; | |
| } | |
| /*== Quote ==*/ | |
| #quote{ | |
| margin-top:50px; | |
| font-family: "Adobe Garamond", serif; | |
| font-style:italic; | |
| font-size:1.1em; | |
| font-weight:100; | |
| text-align:center; | |
| } | |
| @media (max-width:979px){ | |
| #quote{ | |
| font-size:0.9em; | |
| } | |
| } | |
| @media (max-width:768px){ | |
| #quote{ | |
| display:none; | |
| } | |
| } | |
| /*== Hero ==*/ | |
| #hero{ | |
| } | |
| #hero figure{ | |
| } | |
| #hero img{ | |
| border:2px solid rgba(204,204,204,1); | |
| width:100%; | |
| } | |
| #hero .nivo-caption{ | |
| padding: 4px 0px; | |
| font-size: 0.9em; | |
| font-family: 'Titillium Web','TitilliumWeb-SemiBold', sans-serif; | |
| color:#4b4b4b; | |
| } | |
| hr{ | |
| margin:0px; | |
| display:block; | |
| border-top: 1px solid #cacaca; | |
| } | |
| /*============== Columns ==============*/ | |
| #triad{ | |
| line-height:1.25em; | |
| margin-top:20px; | |
| } | |
| #triad .widget-title { | |
| font-weight:400; | |
| font-family: 'Titillium Web', sans-serif; | |
| color: #3a3a3a; | |
| font-size:1.2em; | |
| margin: 0 0px 14px 0px; | |
| } | |
| #triad h5 i{ | |
| margin: 3px 8px 0px 0px; | |
| } | |
| #triad article{ | |
| } | |
| /*== About ==*/ | |
| #triad .textwidget { | |
| position:relative; | |
| color:#747474; | |
| } | |
| #triad #about figure{ | |
| margin: 0px; | |
| display:block; | |
| } | |
| #triad .textwidget img{ | |
| /* margin-bottom: 20px; | |
| width:97%; | |
| height:50% !important;*/ | |
| } | |
| #triad .textwidget { | |
| font-size: 0.9em; | |
| line-height:1.6em; | |
| display:block; | |
| } | |
| @media (min-width: 700px) and (max-width:768px) { | |
| #triad #about figure figcaption{ | |
| position:absolute; | |
| width: 50%; | |
| right:0px; | |
| top:55px; | |
| } | |
| } | |
| /*== Events ==*/ | |
| #triad .uc-cal{ | |
| padding:0; | |
| } | |
| #traid .uc-cal uc-listcal{ | |
| position:relative; | |
| } | |
| #triad .uc-cal .uc-cal-list{ | |
| list-style:none; | |
| margin:0px; | |
| } | |
| #triad .uc-cal li.uc-cal-item{ | |
| position:relative; | |
| } | |
| #triad .uc-cal li.uc-cal-item:hover{ | |
| text-decoration:underline; | |
| } | |
| #triad .uc-cal li.uc-cal-item a{ | |
| text-decoration:none; | |
| display:block; | |
| } | |
| #triad .uc-cal a.uc-cal-event{ | |
| position: relative; | |
| display: block; | |
| } | |
| #triad .uc-cal .uc-cal-event-date { | |
| width:auto; | |
| font-size: 0.8em; | |
| font-weight:normal; | |
| font-family: 'Titillium Web', sans-serif; | |
| position:absolute; | |
| left:0; | |
| top:0; | |
| } | |
| #triad .uc-cal a span.uc-cal-event-date{ | |
| color:#909090; | |
| } | |
| #triad .uc-cal a span.uc-cal-event-date:hover{ | |
| color:#3e80ce; | |
| } | |
| #triad .uc-cal .uc-cal-event-title{ | |
| padding: 0px 0px 4px 0px; | |
| font-size: 0.9em; | |
| line-height:1.25em; | |
| } | |
| #triad .uc-cal a .uc-cal-event-title{ | |
| } | |
| #triad .uc-cal a .uc-cal-event-title:hover{ | |
| } | |
| @media (max-width:768px){ | |
| #triad .uc-cal a{ | |
| margin-bottom:0.5em; | |
| min-height:20px; | |
| } | |
| } | |
| @media (max-width:768px){ | |
| #triad .uc-cal{ | |
| } | |
| } | |
| /*== Articles ==*/ | |
| #triad .widget_rcpt { | |
| } | |
| #triad .widget_rcpt ul{ | |
| list-style:none; | |
| margin:0px; | |
| } | |
| #triad .widget_rcpt li { | |
| margin-bottom:15px; | |
| } | |
| #triad .widget_rcpt a { | |
| } | |
| #triad .widget_rcpt a .rcpt_item_title{ | |
| font-size: 0.9em; | |
| } | |
| #triad .widget_rcpt a{ | |
| position:relative; | |
| } | |
| #triad .widget_rcpt a:hover{ | |
| } | |
| #triad .widget_rcpt a img { | |
| position:absolute; | |
| top:0px; | |
| left:0; | |
| border:1px solid rgba(204,204,204,0.5); | |
| max-width:75px; | |
| } | |
| #triad3 .row{ | |
| margin:0px 0px 10px 0px; | |
| } | |
| #triad3 .row img{ | |
| } | |
| /*============== Map ==============*/ | |
| #map-hold{ | |
| margin-bottom:-3px; | |
| } | |
| #map-hold figure#map{ | |
| margin-bottom: -1px; | |
| } | |
| #map-hold figure#map figcaption{ | |
| display:none; | |
| } | |
| #map-hold figure#map img{ | |
| width:100%; | |
| } | |
| /*============ Footer ===========*/ | |
| #footer-hold{ | |
| background: #3e80ce; | |
| -moz-box-shadow: 1px 0px 3px rgba(51,51,51,0.5); | |
| -webkit-box-shadow: 1px 0px 3px rgba(51,51,51,0.5); | |
| box-shadow: 1px 0px 3px rgba(51,51,51,0.5); | |
| border-bottom: 2px solid #3e80ce; | |
| color:#fff; | |
| position:relative; | |
| font-size:0.9em; | |
| } | |
| #footer-hold .navbar-inner{ | |
| background:none; | |
| } | |
| /*====== Networking Icons =====*/ | |
| #footer-nav #footer-one{ | |
| width:100%; | |
| } | |
| #footer-nav #footer-one li.networking{ | |
| } | |
| .networking ul.nav{ | |
| } | |
| .networking i { | |
| height:15px; | |
| width:20px; | |
| background:url('img/network.png'); | |
| background-size:90px 28px; | |
| } | |
| i.icon-face{ | |
| background-position: -7px -6px; | |
| } | |
| i.icon-twit{ | |
| background-position: -35px -6px; | |
| } | |
| i.icon-mail{ | |
| background-position: -153px -6px; | |
| } | |
| #footer-nav #footer-one li.uclinks{ | |
| display:block; | |
| } | |
| #footer-nav #footer-one li a{ | |
| color:rgba(255,255,255,1); | |
| text-shadow:none; | |
| font-size:0.9em; | |
| display:block; | |
| color:#ffffff; | |
| } | |
| #footer-nav #footer-one li a:hover{ | |
| color:rgba(255,255,255,1); | |
| font-size:0.9em; | |
| background-color: rgba(41,71,111,0.2); | |
| } | |
| /*==Links menu ==*/ | |
| @media (max-width:979px) { | |
| li.uc-links{ | |
| display:none; | |
| } | |
| } | |
| #searchbox{ | |
| position:relative; | |
| float:right; | |
| margin:0px; | |
| padding:0px; | |
| width:100px; | |
| padding-left:20px; | |
| margin-left:30px; | |
| } | |
| #searchbox input{ | |
| margin:5px; | |
| } | |
| #searchbox form{ | |
| margin:0px; | |
| } | |
| #searchbox .nav{ | |
| float:right; | |
| } | |
| #searchbox .nav li{ | |
| float:right; | |
| } | |
| #searchbox .navbar-form input{ | |
| -moz-border-radius: 3px; | |
| -webkit-border-radius: 3px; | |
| border-radius:3px; | |
| position:relative; | |
| float:right; | |
| } | |
| #searchbox button.un-search{ | |
| position:absolute; | |
| right:0px; | |
| top:0; | |
| -moz-border-radius-topleft: 0px; | |
| -moz-border-radius-topright:3px; | |
| -moz-border-radius-bottomleft:0px; | |
| -moz-border-radius-bottomright:5px; | |
| -webkit-border-top-left-radius:0px; | |
| -webkit-border-top-right-radius:3px; | |
| -webkit-border-bottom-left-radius:0px; | |
| -webkit-border-bottom-right-radius:3px; | |
| border-top-left-radius:0px; | |
| border-top-right-radius:3px; | |
| border-bottom-left-radius:0px; | |
| border-bottom-right-radius:3px; | |
| min-height:30px; | |
| float:right; | |
| } | |
| /*================ Subpage Layout ====================*/ | |
| #main-content, #aside-block{ | |
| font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; | |
| font-size:0.9em; | |
| } | |
| #main-content h4{ | |
| font-weight:400; | |
| font-family: 'Titillium Web', sans-serif; | |
| color: #3a3a3a; | |
| font-size:1.4em; | |
| } | |
| #main-content hr, #aside-block hr{ | |
| margin-bottom:10px; | |
| } | |
| #main-content{ | |
| margin-top: 60px; | |
| margin-bottom: 60px; | |
| color:#747474; | |
| } | |
| #aside-block{ | |
| margin-top: 60px; | |
| margin-bottom: 60px; | |
| color:#747474; | |
| } | |
| #aside-block .widget-title { | |
| font-weight:400; | |
| font-family: 'Titillium Web', sans-serif; | |
| color: #3a3a3a; | |
| font-size:1.0em; | |
| line-height: 20px; | |
| } | |
| #main-aside{ | |
| margin-bottom: 30px; | |
| } | |
| #aside-block figure{ | |
| margin: 0px; | |
| } | |
| #aside-block figure img{ | |
| border:1px solid rgba(204,204,204,0.5); | |
| width:100%; | |
| } | |
| #aside-block figcaption{ | |
| margin-top:10px; | |
| } | |
| #main-aside a{ | |
| text-decoration:none; | |
| color:#2c2c2c; | |
| display:block; | |
| } | |
| #main-aside a figure{ | |
| display:block; | |
| } | |
| #main-aside a figure:hover{ | |
| text-decoration:none; | |
| background-color: #d4d9de; | |
| color:#3e80ce; | |
| } | |
| #main-aside.aside-highimg a{ | |
| display:block; | |
| position: relative; | |
| height:100%; | |
| } | |
| #main-aside.aside-highimg figcaption{ | |
| background-color:#000000; | |
| color:#ffffff; | |
| line-height: 40px; | |
| position: absolute; | |
| bottom: 20px; | |
| left: 0px; | |
| width:100%; | |
| } | |
| #main-aside.aside-highimg h4{ | |
| padding-left: 15px; | |
| text-transform:uppercase; | |
| font-weight:400; | |
| font-family: 'Titillium Web', sans-serif; | |
| font-size:1.0em; | |
| } | |
| #main-aside.aside-highimg a:hover{ | |
| -moz-box-shadow: 1px 1px 5px #c4c4a1; | |
| -webkit-box-shadow: 1px 1px 5px #c4c4a1; | |
| box-shadow: 1px 1px 5px #c4c4a1; | |
| } | |
| /*================ Publication Layout & Profile Layout ===================*/ | |
| article.story.span4, article.profile.span4{ | |
| margin-left:0px; | |
| margin-bottom:30px; | |
| } | |
| #main-content .story figure, #main-content .profile figure{ | |
| position:relative; | |
| margin:0px; | |
| margin-right: 10%; | |
| } | |
| #main-content .story img, #main-content .profile img{ | |
| width:100%; | |
| position:relative; | |
| } | |
| #main-content .story figcaption.caption1, #main-content .profile figcaption.caption1{ | |
| background: #000000; | |
| opacity: 0.8; | |
| color:#ffffff; | |
| line-height: 40px; | |
| position: absolute; | |
| bottom: 20px; | |
| left: 0px; | |
| width:100%; | |
| } | |
| #main-content .story time.caption2{ | |
| background-color:#000000; | |
| color:#ffffff; | |
| line-height: 40px; | |
| position: absolute; | |
| top: 20px; | |
| right: 20px; | |
| padding: 4px 10px; | |
| } | |
| #main-content .story figure h4, .story figure span, #main-content .profile figure h4{ | |
| text-transform:uppercase; | |
| font-weight:400; | |
| font-family: 'Titillium Web', sans-serif; | |
| color:#ffffff; | |
| padding:15px; | |
| } | |
| #main-content .story h4.storydate{ | |
| margin: 30px 0px 20px; | |
| } | |
| #main-content .story ul, #main-content .profile ul{ | |
| list-style:none; | |
| margin:0px; | |
| max-width: 300px; | |
| padding-right:10px; | |
| } | |
| @media (min-width: 768px) and (max-width: 979px) { | |
| #main-content .story ul, #main-content .profile ul{ | |
| width:190px; | |
| } | |
| } | |
| #main-content .story a{ | |
| text-decoration:none; | |
| color:#2c2c2c; | |
| display:block; | |
| } | |
| #main-content .story a figure{ | |
| display:block; | |
| } | |
| #main-content .story a figure:hover{ | |
| text-decoration:none; | |
| background-color: #d4d9de; | |
| color:#3e80ce; | |
| } | |
| #main-content .story a img:hover{ | |
| -moz-box-shadow: 1px 1px 5px #c4c4a1; | |
| -webkit-box-shadow: 1px 1px 5px #c4c4a1; | |
| box-shadow: 1px 1px 5px #c4c4a1; | |
| color: rgba(102,102,102,1); | |
| } | |
| #main-content .profile .callnumber li{ | |
| position:relative; | |
| } | |
| #main-content .profile .callnumber em{ | |
| font-style:normal; | |
| position:relative; | |
| } | |
| #main-content .profile .callnumber span{ | |
| font-style:normal; | |
| position: absolute; | |
| left:50px; | |
| top: 0px; | |
| } | |
| #main-content .profile address{ | |
| margin-top: 30px; | |
| } | |
| /*================ Gallery Layout ====================*/ | |
| #main-content #flickr.navbar .navbar-inner{ | |
| -webkit-border-radius:0px; | |
| -moz-border-radius:0px; | |
| border-radius:0px; | |
| } | |
| #flickr.navbar .navbar-inner{ | |
| background-image:none; | |
| background-color:#3e80ce; | |
| } | |
| #flickr form{ | |
| margin: 2px; | |
| } | |
| .flickrnav{ | |
| color:#ffffff; | |
| padding: 0px 5px 0px 5px; | |
| background-image:none; | |
| position:relative; | |
| } | |
| #alsearch { | |
| margin-top:3px; | |
| } | |
| #alsearch input.search-query{ | |
| -moz-border-radius: 3px; | |
| -webkit-border-radius: 3px; | |
| border-radius: 3px; | |
| position:relative; | |
| max-width:100px; | |
| margin-right:12px; | |
| } | |
| .flickrnav .perpage, .flickrnav .bydate, .flickrnav .byprogram{ | |
| margin-top:8px; | |
| margin-left:8px; | |
| margin-right:8px; | |
| color:#999999; | |
| background-color: #ffffff; | |
| -moz-border-radius: 1px; | |
| -webkit-border-radius: 1px; | |
| border-radius: 1px; | |
| line-height:20px; | |
| } | |
| .flickrnav form select, .flickrnav form button{ | |
| background:none; | |
| -webkit-appearance: caret; | |
| } | |
| .photomenu nav.flickrnav form select.bydate{ | |
| background:white; | |
| } | |
| .perpage{ | |
| width:50px; | |
| position:relative; | |
| } | |
| .bydate, .byprogram{ | |
| width:150px; | |
| position:relative; | |
| } | |
| .flickrnav form em{ | |
| font-style: normal; | |
| } | |
| em.view-list{ | |
| font-style: normal; | |
| margin-right: 10px; | |
| } | |
| .flickrnav form button i.albums-icon{ | |
| background:url(img/album-list-options.png); | |
| content: ""; | |
| display:block; | |
| background-repeat:no-repeat; | |
| height:40px; | |
| width:40px; | |
| background-position: 5px 5px; | |
| } | |
| .flickrnav form button i.alist-icon{ | |
| background:url(img/album-list-options.png); | |
| content: ""; | |
| display:block; | |
| background-repeat:no-repeat; | |
| height:40px; | |
| width:40px; | |
| background-position: -33px 6px; | |
| } | |
| .flickrnav form button i.alist-icon.active{ | |
| border:1px solid white; | |
| } | |
| .flickrnav form button i.albums-icon.active{ | |
| border:1px solid white; | |
| } | |
| /*========= Grid View ============*/ | |
| #flickr-grid.albums{ | |
| margin-left:0px; | |
| } | |
| #flickr-grid.albums .arthold{ | |
| margin-bottom:10px; | |
| position:relative; | |
| width:100%; | |
| } | |
| .arthold-left{ | |
| float:left; | |
| } | |
| .arthold-right{ | |
| float:right; | |
| } | |
| .albums figure{ | |
| position:relative; | |
| width:100%; | |
| margin-left:0px; | |
| } | |
| .albums img{ | |
| background:pink; | |
| width:100%; | |
| position:relative; | |
| } | |
| .albums img:hover{ | |
| -moz-box-shadow: 1px 1px 5px #c4c4a1; | |
| -webkit-box-shadow: 1px 1px 5px #c4c4a1; | |
| box-shadow: 1px 1px 5px #c4c4a1; | |
| color: rgba(102,102,102,1); | |
| } | |
| .albums figcaption{ | |
| background: #000000; | |
| opacity: 0.8; | |
| position: absolute; | |
| bottom: 20px; | |
| left: 0px; | |
| width:100%; | |
| } | |
| #flickr-grid.albums a figure figcaption h4{ | |
| color:#ffffff; | |
| padding:15px; | |
| } | |
| /*========= List View =============*/ | |
| #flickr-list.albums table{ | |
| width:95%; | |
| } | |
| #flickr-list.albums th{ | |
| height:20px; | |
| text-align:left; | |
| padding-left:15px; | |
| } | |
| #flickr-list.albums td | |
| { | |
| vertical-align:bottom; | |
| padding:15px; | |
| } | |
| #flickr-list.albums th | |
| { | |
| background-color:#3e80ce; | |
| color:white; | |
| } | |
| #flickr-list.albums tbody tr:hover td{ | |
| background:#ebebeb; | |
| opacity:0.5; | |
| } | |
| #flickr-list.albums tbody tr td a{ | |
| display:block; | |
| text-decoration: | |
| } | |
| #flickr-list.albums tbody tr td a:hover{ | |
| text-decoration:none; | |
| } | |
| #flickr-list.albums tr:nth-child(even) { | |
| background:#E8E8E8; | |
| } | |
| .caret{ | |
| display:none; | |
| } | |
| .uc-ssw { | |
| border: none; | |
| border-radius:0; | |
| } | |
| .uc-ssw .theme-light.slider-wrapper { | |
| padding:0 !important; | |
| } | |
| .uc-ssw .nivoSlider { | |
| overflow: hidden; | |
| margin-bottom: 0 !important; | |
| } | |
| /* default for older browsers. */ | |
| .span3 .uc-ssw .nivoSlider { | |
| height:86px; | |
| } | |
| .span4 .uc-ssw .nivoSlider { | |
| height: 117px; | |
| } | |
| .span6 .uc-ssw .nivoSlider { | |
| height: 179px; | |
| } | |
| .span8 .uc-ssw .nivoSlider { | |
| height: 241px; | |
| } | |
| .span12 .uc-ssw .nivoSlider { | |
| height:366px; | |
| } | |
| @media (min-width: 1200px) { | |
| .span3 .uc-ssw .nivoSlider { | |
| height:105px; | |
| } | |
| .span4 .uc-ssw .nivoSlider { | |
| height: 144px; | |
| } | |
| .span6 .uc-ssw .nivoSlider { | |
| height: 222px; | |
| } | |
| .span8 .uc-ssw .nivoSlider { | |
| height: 300px; | |
| } | |
| .span12 .uc-ssw .nivoSlider { | |
| height:456px; | |
| } | |
| } | |
| @media (min-width: 980px) and (max-width: 1199px) { | |
| } | |
| @media (min-width: 480px) and (max-width: 979px) { | |
| .span3 .uc-ssw .nivoSlider { | |
| height:65px; | |
| } | |
| .span4 .uc-ssw .nivoSlider { | |
| height: 89px; | |
| } | |
| .span6 .uc-ssw .nivoSlider { | |
| height: 137px; | |
| } | |
| .span8 .uc-ssw .nivoSlider { | |
| height: 185px; | |
| } | |
| .span12 .uc-ssw .nivoSlider { | |
| height:282px; | |
| } | |
| } | |
| @media (max-width: 479px) { | |
| .span3 .uc-ssw .nivoSlider, | |
| .span4 .uc-ssw .nivoSlider, | |
| .span6 .uc-ssw .nivoSlider, | |
| .span8 .uc-ssw .nivoSlider, | |
| .span12 .uc-ssw .nivoSlider { | |
| height:117px; | |
| } | |
| } | |
| .uc-ssw .nivoSlider img { | |
| min-width: 100%; | |
| min-height: 100%; | |
| } | |
| . | |
| .uc-ssw .slider-wrapper { | |
| padding: 0 !important; | |
| } | |
| #home1 .nivoSlider a.nivo-imageLink { | |
| width:auto !important; | |
| height: auto !important; | |
| min-height: 100% !important; | |
| min-width: 100% !important; | |
| } | |
| .nivo-controlNav {display:none;} | |
| .nivo-caption {background-color:#f0f0f0 !important; opacity:1.0 !important; } | |
| #triad .widget { | |
| float:left; | |
| } | |
| #triad .span4 { | |
| overflow:hidden; | |
| } | |
| /* Staff Page */ | |
| .user-list .uup-list { | |
| margin:0; | |
| list-style-type:none; | |
| } | |
| .user-list .uup-item { | |
| float:left; | |
| width:270px; | |
| position:relative; | |
| margin-right:30px; | |
| background:transparent url(img/default.png) no-repeat; | |
| padding-top:290px; | |
| height:200px; | |
| } | |
| .user-list .uup-item:nth-child(4) { | |
| margin-right:0; | |
| } | |
| .user-list .uup-user { | |
| } | |
| .uup-thumbnail, | |
| .uup-name, | |
| .uup-title, | |
| .uup-phones, | |
| .uup-phone1, | |
| .uup-phone2, | |
| .uup-email, | |
| .uup-fax, | |
| .uup-office-location, | |
| .uup-office-hours, | |
| .uup-mailing-address { | |
| display:block; | |
| } | |
| .user-list .uup-thumbnail { | |
| position:absolute; | |
| top:0; | |
| left:0; | |
| } | |
| .user-list .uup-name { | |
| display:block; | |
| width:240px; | |
| background-color: rgba(0, 0, 0, 0.5); | |
| position:absolute; | |
| top:200px; | |
| left:0; | |
| text-transform: uppercase; | |
| font-weight: 400; | |
| font-family: 'Titillium Web', sans-serif; | |
| color: #ffffff; | |
| padding: 15px; | |
| } | |
| .user-list a.uup-user:hover .uup-name { | |
| color:#0CF; | |
| } | |
| .user-list .uup-first { | |
| margin-right:5px; | |
| } | |
| .user-list .uup-title { | |
| font-weight: 400; | |
| font-family: 'Titillium Web', sans-serif; | |
| color: #3a3a3a; | |
| font-size: 1.4em; | |
| } | |
| /* Screen Only */ | |
| .sr-only { | |
| position: absolute; | |
| width: 1px; | |
| height: 1px; | |
| margin: -1px; | |
| padding: 0; | |
| overflow: hidden; | |
| clip: rect(0, 0, 0, 0); | |
| border: 0; | |
| } |