/*@import url(//fonts.googleapis.com/css?family=Metrophobic);*/ /* Theme Name: RAEL2014 Theme URI: http://viewportindustries.com/products/starkers Description: The totally bare Wordpress theme! Version: 4.0 Author: Elliot Jay Stocks & Keir Whitaker Author URI: http://viewportindustries.com Tags: starkers, bare, clean, basic */ /* =========================== CONTENTS: 01 Sensible defaults 02 Typography 03 Media queries =========================== */ /* ---------------------------------------------------------------------------------------------------------- 01 Sensible defaults ---------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ @import "css/reset.css"; @import "bootstrap/css/bootstrap.css"; @import "bootstrap/css/bootstrap-theme.css"; @import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc2/css/bootstrap-glyphicons.css"); /*@font-face { font-family: 'UCBOS'; src: url('./UCBerkeleyOS/UC Berkeley OS.otf'); } */ @font-face { font-family: 'UCBOS-Sign Titling'; src: url('./UCBerkeleyOS/UC Berkeley Sign Titling.otf'); } div, article, section, header, footer, nav, li { position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ } .group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ } body { background:#fff; font-family:"helvetica neue", Helvetica, sans-serif; font-weight:200; } ::-moz-selection { background:#ff0; color:#333; } ::selection { background:#ff0; color:#333; } a { color:#507F2F; /*#779DBD; */} a:hover { color:#507F2F; } /* ---------------------------------------------------------------------------------------------------------- 02 Typography ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /* 14 / 16 = 0.875em (14px equivalent) 16 / 16 = 1em (16px equivalent) 18 / 16 = 1.125em (18px equivalent) 21 / 16 = 1.3125em (21px equivalent) 24 / 16 = 1.5em (24px equivalent) 30 / 16 = 1.875em (30px equivalent) */ body { /*max-width:1201px; */margin:0 auto; } body, input, textarea { } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", helvetica, sans-serif; font-weight:700; } /* ---------------------------------------------------------------------------------------------------------- 03 Media queries (using a mobile-first approach) ------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ /* up to 480 */ @media screen and (max-width:767px) { } @media screen and (min-width:768px) { } @media screen and (min-width:992px) { } /* Retina Display */ @media screen and (-webkit-min-device-pixel-ratio:2) { { /* Place your styles here for all 'Retina' screens */ } } #page.home_page { margin-top:0; } #page .content, .page .content { padding:1em 0px 0; } #page .content .row { margin-top:.5em; margin-bottom:.5em; } .page .content ol li { list-style:decimal; } .page .content li { margin:0; } footer .nav.nav-pills li > a { padding:4px 15px; font-size:12px; } footer { min-height:201px; position:relative; width:100%; padding-top:0px; transition:all .5s ease .25s; overflow:hidden; } footer > .container { margin-top:60px; } footer .row1 { margin-top:0px; } footer .row2 { } #menu-footer { margin:4px 0; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } .branding .tagline > span { display:inline-block; text-align:center; } .branding h1 { font-size:40px; line-height:1em; float:left; } .branding .tagline { line-height: 22px; float: left; padding-left: 15px; border-left: 2px solid rgba(0,0,0,.5); margin-left: 15px; } .logo, .shiftnav-menu-title { font-family: "Metrophobic", serif; } #menu-footer:hover { background:rgba(255,255,255,.1); } #menu-footer li a { border-radius:0; } #menu-footer li a:hover,#menu-footer li.current-menu-item { color:#fff; background-color:#779DBD; } .menu-footer-container { box-shadow: 0 0em 2em -1px rgba(0,0,0,.5); } footer .row3 { padding:0px; } footer .row4 { position: absolute; bottom: 0; width: 100%; padding: 0; margin: 0; } footer #copyright { position:relative; bottom:0; width:100%; text-align:center; font-size:10px; } footer .address { text-align:center; margin:0px 15px; padding:15px 0;} footer .address .line { display:inline-block; line-height:1em; } footer .address .line > span { display:inline-block; font-size:12px; line-height:1em; margin:6px; } footer .address a { color:inherit; } footer #logo { margin:8px 15px 0px; float:left; } footer #logo .erg { font-size:48px; } footer #logo .vertical_bar { height:44px; } footer #logo .tagline.hidden-xs { line-height:48px; font-size:18px; } footer #logo .tagline.visible-xs { line-height:1.2em; font-size:14px; } footer .grassy_nole { position:absolute; height:100%; bottom:0; border-top-right-radius:50%; border-top-left-radius:50%; background: #a2a874; /* Old browsers */ background: -moz-linear-gradient(top, #a2a874 0%, #879147 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2a874), color-stop(50%,#879147)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a2a874 0%,#879147 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a2a874 0%,#879147 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a2a874 0%,#879147 50%); /* IE10+ */ background: linear-gradient(to bottom, #a2a874 0%,#879147 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a874', endColorstr='#879147',GradientType=0 ); /* IE6-9 */ } footer .grassy_nole.visible-sm { width:200%; left:-50%; } footer .grassy_nole.visible-xs { width:300%; left:-100%; } .footer_menu { text-align:center; } #feature_box { overflow:hidden; height:480px; width:100%; } #feature_box .pagination { transition:opacity .25s; opacity:0; z-index:5; position: absolute; margin-bottom:10px ;bottom: 0px; left:0; width: 100%; text-align: center; } .pagination { position: absolute; z-index: 20; left: 10px; bottom: 10px; } .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #222; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .swiper-visible-switch { background: #aaa; } .swiper-active-switch { background: #fff; } #feature_box .caption_backdrop{ opacity:1; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); } #feature_box .carousel-caption { text-align:center; transition:padding .25s; margin-bottom: 0px; bottom: 0; padding: .5em 4em 1em; /*background: rgba(30,30,30,.2);*/ font-size: 1.2em; font-weight: 200; border-radius: 0em; color: white; text-shadow: none; left: 0; right: 0; text-align: center; } #feature_box .carousel-caption .carousel-item-title { font-size: 16px; font-weight: 700; text-align: center; text-transform: uppercase; } #feature_box .carousel-caption .carousel-item-caption { transition:opacity .25s; visibility:hidden; position:absolute; opacity:0; font-weight:100; letter-spacing:.5px; } #feature_box .carousel-caption > div { display:block; } #feature_box .carousel-caption a { color:inherit; } #feature_box .carousel-caption .read_more_link { top:.5em; border:1px solid white; visibility:hidden; position:relative; opacity:0; padding:1em; transition:all .25s ease 0; font-size:9px; text-transform:uppercase; letter-spacing:1px; } #feature_box .carousel-caption .read_more_link:hover { background:white; color:#222; } #feature_box .carousel-indicators { bottom:0; } #feature_box .carousel-caption a:hover { text-decoration:none; } #feature_box { overflow:hidden; } #feature_box .background-carousel { background-position:center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow:hidden; } #feature_box .carousel_bottom { margin-top:560px; } #feature_box:hover .pagination, #feature_box:hover .carousel_nav { opacity:1; } #feature_box:hover .carousel-caption { padding-bottom:2em; margin-bottom:20px; } #feature_box:hover .carousel-item-caption { opacity:1; visibility:visible; position:relative; } #feature_box:hover .read_more_link { opacity:1; visibility:visible; } #logo.inline { color:rgba(255,255,255,.9); color:white; position:relative; background:transparent; } #logo.hover { color:rgba(255,255,255,.9); color:white; text-align:center; position:absolute; top:40px; left:20px; background:transparent; z-index:3;text-shadow:0 1px 5px black; } /*#logo > span { text-align:center; }*/ #logo .branding { float:left; padding:0;} #logo .vertical_bar { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin:0 10px; float:left; background:white; width:4px; height:92px; } header #logo .vertical_bar { box-shadow: 0 0 8px -1px black; } #logo .tagline { font-family:'Metrophobic', 'helvetica neue', helvetica, sans-serif; text-align:left; display: inline-block; position: relative; } #logo .tagline.hidden-xs { float:left; font-size: 24px; padding: 0; line-height:92px; } header #logo .tagline.visible-xs { float:left; width:150px; font-size: 18px; padding: 6px 0 0 0; } #logo .hidden-xs .name { font-size:97px; line-height:70px; margin-top:10px; display:block; } #logo .visible-xs .name { font-size:48px; display:block; } #logo .hidden-xs .name_spelled_out { text-align:right; width:91px; font-size:12px; line-height:1.2em; } #logo .visible-xs .name_spelled_out { text-align:right; width:91px; font-size:12px; line-height:1.2em; } .name { font-family:'Metrophobic', 'helvetica neue', helvetica, sans-serif; font-weight:400; } .topnav_logo.erg a { font-size:36px; line-height:20px; } .topnav_logo.erg.visible-xs a { font-size:18px; line-height:26px; } #logo .energyresourcesgroup { font-family:'Metrophobic', 'helvetica neue', helvetica, sans-serif; text-align:center; letter-spacing:1px; font-size:12px; display:block; line-height:1em; } #feature_box .carousel_nav { opacity:.5; transition:opacity .25s; z-index:10; font-size: 40px; position: absolute; color: #fff; bottom: 0; text-shadow: 0 1px 4px black; } #feature_box .carousel_nav > span { line-height:1em; cursor:pointer; background:rgba(255,255,255,0); transition:all ease .2s; } #feature_box .carousel_nav.left{ left:0; } #feature_box .carousel_nav.left > span { padding:.25em; } #feature_box .carousel_nav.right { right:0; } #feature_box .carousel_nav.right > span { padding:.25em; } #feature_box .carousel_nav > span:hover { background:rgba(255,255,255,.5); } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p { padding:0 15px 0 15px; } .content p { text-align:justify; word-wrap:break-word; } .content article ul, .content article ol { margin:-.5em 50px 1em; } .content article ul li { list-style:circle; } #tribe-events-content.tribe-events-single { padding:1em 15px;} #thefold { height:4px; border-top:1px solid #eee; border-bottom:1px solid #eee; } #belowthefold .section_heading { text-align:center;} #belowthefold > div { border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee;} #welcome { padding-top:0; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; } #welcome .section_heading { text-align:center; padding:0px .5em .5em; font-size:1.6em; } #welcome .section { border-top:1px solid #eee; padding-top:1em; } #welcome .section:first-child { border-top:none;} #welcome .section:first-child .section_heading { font-size:2.4em; } #welcome .section:first-child { border-top:none;} #last_section { padding-bottom:30px; } #last_section .section_heading { font-weight: 500; font-size: 1.6em; line-height: 1.4em; } #top_welcome { background:#f4f4f4; margin-bottom:0; text-align:center; } #top_welcome h1 { padding:.5em 2em; margin-top:0; border-bottom:none; } #page { width:100%; margin-bottom:20px;} #page_head { margin-bottom:0px; height:201px; background-position:center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow:hidden; } /*#page_head:hover { filter:blur(0px); -o-filter:blur(0px); -ms-filter:blur(0px); -moz-filter:blur(0px); -webkit-filter:blur(0px); }*/ #page_head #branding { background:none; height:100%; } .navbar-header .navbar-brand { padding:12px 6px; font-size:20px;} #person_title .titles { display: block; font-size: .8em; margin-top: .5em; } a.coverall_link, .coverall_link { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; color:rgba(255,255,255,1); font-size:3em; font-weight:100; text-decoration:none; text-align:center; vertical-align:center; box-shadow: inset 0px 0 100px -50px black; transition:opacity .5s;} .coverall_link:hover { opacity:1; } .publication_item .coverall_link.collapsed { display:block; } .publication_item .collapse.in + .coverall_link { display:none; } .person_page .image>.fa { color: rgba(50,50,50,0.25); } .person_page #person_meta ul { margin:0 30px; } .person_spotlight .person_meta { margin-top:10px; padding:0 10px; } .person_spotlight .person_meta > .title { display:block; text-align:center; font-weight:bold; font-size:.8em; text-transform:uppercase; color:#666; } .person_spotlight .person_meta ul.topics { display:block; text-align:left; margin:0; } .person_page.faculty .nav li.faculty > a, .person_page.professor-emeritus .nav li.faculty > a,.person_page.in-memoriam-2 .nav li.faculty > a { font-weight:bold; color: #ffffff; background-color: #779DBD; } .person_page.alumni .nav li.alumni > a { color: #ffffff; background-color: #779DBD; } .person_page.student .nav li.student > a { color: #ffffff; background-color: #779DBD; } .person_page.visiting-scholars .nav li.visiting-scholars > a { color: #ffffff; background-color: #779DBD; } .person_page.staff .nav li.staff > a { color: #ffffff; background-color: #779DBD; } /*.click-search-filter:after { content:"\f0b0 "; font-family: FontAwesome; visibility:hidden; display:block; } .click-search-filter:hover:after { visibility:visible; }*/ #publications_page {} #publications_page .table_head { margin-top:1em; width:100%; position:relative; border-bottom:1px solid #ccc; } #publications_page .table_head > div { font-weight:bold; font-size:14px; } #publications_page .table_head > .pub_filters { font-weight:normal; font-size:14px; } #publications_page .pub_filters > div { margin-bottom:2px; } #publications_page .table_head > .pub_date { } #publications_page .publication_item { padding:.5em; border-top:none; border-bottom: 1px solid rgba(0,0,0,.2); overflow:hidden; } #publications_page .publication_item .row > div { margin-bottom:2px; } #publications_page .publication_item:nth-child(odd) { background:rgba(127,127,127,.1); } #publications_page .publication_item:nth-child(even) { background:rgba(127,127,127,.2); } #publications_page .publication_item.active { background:rgba(127,127,127,0); } #publications_page .publication_item.active .pub_title a { font-weight:900;} #publications_page .table_head .pub_actions { text-align:right; } #publications_page .table_data .publication_item .pub_topics li { white-space: normal; text-align:left;} #publications_page .table_data .publication_item li.author > .person_link, #publications_page .table_data .publication_item li.author > .project_link { visibility:hidden; margin-left:.25em; } #publications_page .table_data .publication_item li.author:hover > .person_link, #publications_page .table_data .publication_item li.author:hover > .project_link { visibility:visible; } #publications_page .table_data .publication_item .project_link:hover { text-decoration:underline; } /*#publications_page .table_data .publication_item .pub_topics li:after { content:","; } #publications_page .table_data .publication_item .pub_topics li:last-child:after { content:""; } */ #publications_page .publication_item .title { font-size:10px; font-weight:500; text-align:right; line-height:18px;} #publications_page .table_data .publication_item .more_info_button { background:transparent; border-top:1px solid rgba(0,0,0,.1); border-radius:0; } #publications_page .table_data .publication_item .more_info_button:hover { background:rgba(0,0,0,.1); color:white; } #publications_page .publication_item > div.background_button { background:rgba(0,0,0,0); position:absolute; top:0; left:0; height:100%; width:100%; } #publications_page .publication_item:hover > div.background_button { background:rgba(0,0,0,0); } #publications_page .publication_item .pub_actions { margin:10px 0; } #publications_page .publication_item .pub_actions a,#publications_page .publication_item .pub_actions button { float:right; } #publications_page .publication_item .pub_date .the_date { font-size:12px; line-height:22px; } #publications_page .table_data .pub_excerpt ~ button.btn-block > span.fa-angle-up { display:none; } #publications_page .table_data .pub_excerpt ~ button.btn-block > span.fa-angle-down { display:inline-block; } #publications_page .table_data .pub_excerpt.in ~ button.btn-block > span.fa-angle-up { display:inline-block; } #publications_page .table_data .pub_excerpt.in ~ button.btn-block > span.fa-angle-down { display:none; } #publications_page .filter_results { font-size:12px; } .publication_page .publication_title { font-weight:100; font-size:2.5em; } .publication_page div.title, .project_page div.title, .person_page div.title { font-weight:700; } .publication_page .the_content { text-align:justify; } .publication_page div.row, .project_page div.row { margin-bottom:1em; } .publication_page .post_thumbnail { /*box-shadow:inset 0 0 10px -2px black; border:0px solid #555; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; overflow:hidden; display:inline-block; margin:0px 5%; width:90%;*/text-align:center; background-position:center; background-size:cover; background-color:inherit; } .publication_page .post_thumbnail .fa { color:#ccc; color: rgba(0,0,0,.05); font-size: 240px; margin:10px auto; position: relative; width:100%; text-align:center; } .post_thumbnail img { width:100%;height:auto; margin:0 0 .5em; } .fitted { visibility:hidden; opacity:0; transition:all 1s linear; } .fitted.is_fitted{ visibility:visible; opacity:1; } #projects_page .project_item { margin:1em 0; border-top:1px solid #aaa; padding:1em 0; } #projects_page .project_item .fitted_image { height: 360px; width: 100%; background-size: cover; background-position: center; } #projects_page .project_item .fitted_icon { height: 360px; width: 100%; font-size:360px; text-align:center; opacity:.2; } #projects_page .project_item .project_title { font-size:2em; } #projects_page .project_item span.date { font-size:.8em; font-weight:bold; } #projects_page .projects_filters { margin-bottom:1em;} #projects_page .project_info > div { margin:0 0 .5em;} #projects_page .project_info span.title { font-weight:700; font-size:.8em; } .project_page .project_title { font-weight:100; font-size:2.5em; } .project_page .banner_image ~ .container { margin-top:-50px; } .project_page .banner_image { height:400px; width:100%; background-size:cover; background-position:center; position:relative; } .project_page span.date { font-size:.8em; color:#aaa;} .person_page .person_title { font-weight:100; font-size:2.5em; } .pretitle { text-transform:uppercase; font-weight:300; font-size:.5em; color:#ccc; display:block;} .pretitle > span:after { content:" / "; } .person_page .person_title .position { display:inline; color:#ccc; } .person_page .person_title .titles { display: inline; color: #ccc; } ul li { margin-bottom:.5em; } .fade_to_white { position:absolute; height:100%; width:100%; top:0; left:0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #welcome,#news_col,#events_col { box-sizing:border-box; } #pagenav_mobile { border-bottom: 1px solid #ddd; padding: .5em 0; background: rgba(255,255,255,.5); } #news_col > div, #events_col > div, #spotlight { border-bottom:1px solid #eee; } #news_col > div > .section_heading, #events_col > div > .section_heading, #spotlight > .section_heading { font-size:2em; line-height:31px; } #news_col .post_title, #events_col .post_title { font-size: 1.1em; font-weight: 300; line-height: 1.3em; text-align: justify; } #news_col p, #events_col p, #last_section p { text-align:justify; } #events_col .event_date .date-start, #events_col .event_date .date-end { line-height:1.4em; } #welcome .section:first-child p { font-size:1.2em; } .match_height { position:relative; height:auto; overflow:hidden; transition:height .5s ease; padding-bottom:30px; } .match_height_button { border:none; position:absolute; bottom:0; cursor:pointer; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ ; } .match_height_button:hover { background:white; } .match_height.collasped > .match_height_button { } #news_tabs { border-top: 1px solid #eee;} #news_tabs .nav-tabs > li.active > a { background-color:#f4f4f4; } #news_tabs .nav-tabs { margin-top:2px; border-bottom:1px dotted #ccc; } #news { padding-top:10px; } #news li { margin:0; } #news time { font-size:11px; } #news .post .post_title { margin:20px 0 0 0; line-height:4px; } .post_title.event_title { font-weight:500; margin-top:.25em; } /*#news_events_tabs > li { margin:0; }*/ body.home .post.category-news p, .tribe_events p { font-size:14px; } .tribe_events .event_date, .event_date { padding:0; font-size:12px; line-height:1em; font-weight:700; } .event_date .fa-calendar-o { float: left; font-size: 2.6em; margin-right: 8px; } .event_now .fa-calendar-o:after { content: "NOW"; position: absolute; font-size: 9px; top: 14px; left: 4px; font-weight: 700; } .event_today .fa-calendar-o:after { content: "TODAY"; position: absolute; font-size: 9px; top: 14px; left: 4px; font-weight: 700; } .post_preview { margin-bottom:1em; } .news_item .btn-block, .event_item .btn-block, .spotlight_item .btn-block { background:none; } .post_preview > .post_title { border-bottom: 1px solid rgba(127,127,127,.1); padding-bottom: .5em; text-transform: capitalize; } .event_item .event_venue { font-size:12px; margin:.25em 0; } .news_item, .event_item, .spotlight_item { overflow:hidden; transition:all .5s ease; padding:0; background:#f2f2f2; background:rgba(255,255,255,.4); margin:0 0 1em; border-radius:4px; } .news_item:hover, .event_item:hover, .spotlight_item:hover { background:#fff; background:rgba(255,255,255,..8); border-radius:4px; } .news_item p, .event_item p, .spotlight.post_preview p { font-size:14px; } .event_status { position:absolute; display:none; font-weight:bold; text-transform: uppercase; margin:0 6px; } .event_status.canceled { display:inline-block; font-weight: bold; display: inline-block; text-transform: uppercase; margin: 0 6px; position: absolute; color: #666; color: rgba(0,0,0,.6); border-top: 1em solid rgba(0,0,0,.05); padding: 0em 0; width: 200%; text-align: center; font-size: 36px; left: -50%; transform: rotate(7deg); -ms-transform: rotate(7deg); -webkit-transform: rotate(-15deg); top: 0em; border-bottom: 1em solid rgba(0,0,0,.05); } .event_status .event_status_container { text-align: center; transform: rotate(-25deg); -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); line-height:0; display:table-cell; top:50%; } .top_post_image > img { width:100%; height:auto; } .post_preview_image iframe { width:100%; height:240px; } .post_heading { color: #ccc; text-transform: uppercase; font-weight: 100; letter-spacing: 4px; } .section_heading { text-transform: uppercase; font-weight: 300; letter-spacing: 4px; } .section_heading .preheading { text-transform:uppercase; font-weight:normal; font-size:12px; display:block; margin-bottom:8px; } h1.section_heading { font-size:2em; padding:.5em; margin-top:0; } h2.section_heading { font-size:1.2em; padding:.5em; margin-top:0; } h3.section_heading { font-size:.9em; padding:.5em; margin-top:0; } h4.section_heading { font-size:.7em; padding:.5em; margin-top:0; } h5.section_heading { font-size:.6em; padding:.5em; margin-top:0; } h6.section_heading { font-size:.5em; padding:.5em; margin-top:0; } /*.lead > .section_heading { margin-top:20px; }*/ .person_spotlight .section_heading > a { font-weight:bold; } .person_spotlight article { padding:0 15px; } .person_spotlight .foot { background:inherit; text-align:center; position:absolute; width:100%; left:0; bottom:0; border-radius:0; border-top:1px solid #ddd; border-top:1px solid rgba(0,0,0,.1); } .person_spotlight .foot:hover { background:#fff; } .person_spotlight .person_meta li { margin: 0px 1em 6px 0; display:inline-block; font-size:14px; line-height: 1.2em; list-style: none; text-transform: uppercase; font-size:1em; } #person_meta li.topic { text-transform:capitalize; } article { padding-bottom:20px; } .person_spotlight ul.person_meta { display:inline; padding:0 20px; margin:0; } .content img { padding:0; max-width:100%; height:auto; } img.alignleft { float:left; margin-right:15px; } img.alignright { float:right; margin-left:15px; } img.aligncenter { display:block; float:none; margin:15px auto; } /*img { margin:15px 0; }*/ .spotlight { margin-bottom:1em; overflow:hidden; } .person_spotlight > div { padding-bottom:50px; } .post_preview_link { display:block; font-size:.8em; text-align:right; transition:.5s all ease; color:#ccc; color:rgba(0,0,0,.2); } div:hover > p > .post_preview_link, div:hover > button > .post_preview_link { color:inherit; } .person_item { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: background .3s; -webkit-border-radius: 4px; -moz-border-radius: 4px; border:1px solid transparent; overflow:hidden; background:#f2f2f2; background:rgba(155,155,155,.1); height:auto; margin: 6px 0; padding: .5em; } .person_item > .post_preview_link { display: block; margin-bottom: .5em; } .person_item.person_student, .person_item.person_alumni { height:auto; } .person_item ul { padding:0; font-size:11px; line-height:1.4em; margin:.5em 0 0; display:block; float:left; width:100%; } /*.person_item > .topics { padding:0; margin:.5em 0 0; border-top:1px dotted rgba(0,0,0,.1); display:block; float:left; }*/ .person_item .person_meta li a { } .person_item .person_excerpt { margin:.5em 0px 0; } .person_item.person_student .person_excerpt, .person_item.person_alumni .person_excerpt { display:none; } .person_item.person_student .person_meta, .person_item.person_alumni .person_meta { display:block; margin-top:.5em; } div[class*='person_visiting_scholar'].person_item .person_excerpt, div[class*='person_faculty'].person_item .person_excerpt, .person_item.person_staff .person_excerpt { display:block; } div[class*='person_faculty'].person_item .person_meta, .person_item.person_staff .person_meta { display:none; } .person_item li.topic { margin: 0px; display: block; list-style: none; text-transform: capitalize; line-height: 1.2em; padding:4px; } .person_item li.topic.even { background:none; } .person_item li.topic.odd { background:rgba(0,0,0,.02); } .parent_page_item:hover, .person_item:hover { background:white; background: rgba(255,255,255,.9); box-shadow: 0 0 7px -2px rgba(0,0,0,.5) } .parent_page_item:hover > button, .person_item:hover > button { opacity:1; bottom:0; } .parent_page_item:hover > a, .person_item:hover > a { } .person_item .headshot { margin:0 4px 2px .5em; border:1px solid #666; float:right; border-radius:4px; overflow:hidden; height:70px; width:60px; background-position:center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow:hidden; } div[class*='person_faculty'].person_item .headshot { margin:0 4px 2px 1em; border:1px solid #666; float:right; border-radius:4px; overflow:hidden; height:120px; width:100px; background-position:center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow:hidden; } div[class*='person_alumni'].person_item .headshot { width:40px; height:45px; } .person_item .headshot .glyphicon-user { color:#ccc; color: rgba(0,0,0,.05); font-size: 110px; margin-left: -15px; position: absolute; top: 10px; } /*.person_page .headshot_wrapper, .spotlight .headshot_wrapper { width:100%; position:relative; margin:40px auto; }*/ .person_page .headshot { box-shadow:inset 0 0 10px -2px black; border:0px solid #555; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; overflow:hidden; display:inline-block; margin:0px 5%; width:90%; height:201px; text-align:center; background-position:center; background-size:cover; background-color:inherit; } .spotlight .headshot { float:right; border:1px solid #555; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; overflow:hidden; display:inline-block; margin:0px 0 0 1em; width:20%; min-width:60px; height:201px; text-align:center; background-position:center; background-size:cover; background-color:#efefef; } .person_page .headshot .glyphicon-user { color:#ccc; color: rgba(0,0,0,.05); font-size: 240px; margin-left:0 auto; position: relative; width:100%; text-align:center; } .person_page .headshot img, .spotlight .headshot img { width:100%;height:auto; margin:0; } .parent_page_item { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; background:#f2f2f2; background:rgba(255,255,255,.5); height:auto; margin: .5em .25em; padding: .5em .5em 1em; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border:1px solid transparent; overflow:hidden; } .parent_page_item .image { margin:0 6px 2px; border:none; float:left; height:180px; width:100%; background-position:no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow:hidden; } .parent_page_item .image .glyphicon { color:#ccc; font-size: 170px; margin-left: -80px; position: absolute; top: 10px; } .parent_page_item .image { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow:inset 0 0 6px #666; display:inline-block; margin:2%; width:96%; text-align:center; } .parent_page_item:hover .image { box-shadow:none; } /*.person_page .headshot .glyphicon-user { }*/ .parent_page_item p, .person_item p { padding:0 0px; font-size:14px; } .person_item.spotlight { height:auto; } .person_item.spotlight p { font-size:16px; } .parent_page_item .name { font-size:22px; padding:0; } .person_item .name, .person_item .titles { margin:2px 0px 0px; padding:0; font-weight: normal; } .parent_page_item button, .person_item button { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity:1; display:block; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; bottom:0em; left:0; } /* .parent_page_item button, .person_item button > a { color:white; }*/ /*.parent_page_item button:hover, .person_item button:hover > a { color:white; }*/ .parent_page_item .titles, .person_item .titles { font-weight:normal; } .news-events .post_preview_image { margin:0 15px; float:left; } .news-events .post_preview_image > img { width:auto; } .post_heading time, .section_heading time {display:block; font-size:.5em; padding:0; margin-top:.5em; } time { padding:0; font-size:.7em;} #footer .ucb img { float:left; margin-right:6px; } #footer .ucbtext { font-family:UCBOS-Sign Titling, serif; font-weight:700; /*position:absolute; bottom:0; */color:white; } #footer .ucbtext .line2 { display:block; } #footer #social { padding:6px 50px 4px 10px; position:relative; } #footer #social.hidden-xs {text-align:right;} #footer #social_mobile {text-align:center;} #footer #social .social_icon a { padding:0; margin:6px 6px 0 0; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; } #footer #social .social_icon a:hover { filter: alpha(opacity=100); opacity: 1; } #footer .affiliate_logos { text-align:center; } #footer .affiliate_logos > div { padding:10px 0; } #footer .affiliate_logos .affiliate_logo { margin:6px 20px; display:inline-block; } #footer .affiliate_logos .affiliate_logo a:hover { text-decoration:none; } #footer .affiliate_logos .cnr img { height:60px; } #footer .cnr { background:white; padding:6px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow:inset 0 0 10px -2px #000; } .sb-search { /* position: absolute;*/ margin-top: 0px; width: 0%; min-width: 50px; height: 50px; /* right:0;*/ overflow: hidden; -webkit-transition: width 0.5s; -moz-transition: width 0.5s; transition: width 0.5s; -webkit-backface-visibility: hidden; } /*#sb-search-top.sb-search { position: relative; float:right; }*/ /*#sb-search-bottom.sb-search { position: absolute; right: 0; }*/ .sb-search { position: absolute; right: 0; } .sb-search-input { top: 0; border: none; outline: none; background: transparent; width: 100%; height: 50px; margin: 0; z-index: 10; padding: 20px 65px 20px 20px; font-family: inherit; font-size: 20px; color: #2c3e50; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; transition: background 0.5s; } .sb-search-input::-webkit-input-placeholder { color: #efb480; } .sb-search-input:-moz-placeholder { color: #efb480; } .sb-search-input::-moz-placeholder { color: #efb480; } .sb-search-input:-ms-input-placeholder { color: #efb480; } .sb-icon-search, .sb-search-submit { width: 50px; height: 50px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 50px; text-align: center; cursor: pointer; } .sb-search-submit { background: #fff; /* IE needs this */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */ filter: alpha(opacity=0); /* IE 5-7 */ opacity: 0; color: transparent; border: none; outline: none; z-index: -1; } .sb-icon-search:hover { background:#9fcf6c; color:#fff; } .sb-icon-search { color: inherit; background: transparent; z-index: 90; font-size: 22px; speak: none; } #footer .sb-icon-search { color: rgba(255,255,255,.5); } #footer .sb-icon-search:hover { color:white; } /* Open state */ .sb-search.sb-search-open, .no-js .sb-search { width: 100%; } .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { background: #9fcf6c; color: #fff; z-index: 11; } footer .sb-search { top:-1px; } .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; } .sb-search-open .sb-search-input { background:#fff; background:rgba(255,255,255,.9); } div[id*='contact-form-'] { margin: 2em; box-shadow: inset 0 0 10px -3px; padding: 1em; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #fff; } .menu-site-map-container .sub-menu { margin:20px 20px 20px 0; padding:0 30px; border-left:2em solid #eee; } .page .content .menu-site-map-container li { margin:6px 0px; } .hilite { background:yellow; } /* Example Media Queries */ @media screen and (max-width: 55em) { } @media screen and (max-width: 32.25em) { } @media screen and (max-width: 24em) { } a.shiftnav-toggle.inversable, #footer a.inversable { padding: .5em; border: 1px solid #507F2F; margin: 1em; border-radius: 3px; background:rgba(255,255,255,0); transition:all .25s; } a.shiftnav-toggle.inversable:hover, #footer a.inversable:hover { text-decoration:none; background:rgba(80, 127, 47, 1); color:white; } body > #shiftnav-toggle-main { background:rgba(255,255,255,.9); transition:.5s ease; text-align:left; color:#222; box-shadow: 0 0 10px -4px; } body > #shiftnav-toggle-main:hover { background:rgba(255,255,255,1); } .shiftnav > .shiftnav-inner { overflow-y:scroll; } .shiftnav-inner > .shiftnav-foot-content { padding:1em; color:#ccc; text-align:center; } .shiftnav-inner > .shiftnav-foot-content hr { margin:.5em 0; border-color:rgba(255,255,255,.3); } .shiftnav-inner > .shiftnav-foot-content a { color:inherit; text-decoration:underline; } .shiftnav-inner > li.shiftnav-toggle { width:100%; text-align:center; } .shiftnav-inner > li.shiftnav-toggle a.shiftnav-toggle { color:white; } .shiftnav-nav > ul > li > a { font-size:1.1em; } .shiftnav ul.shiftnav-menu > li > ul.sub-menu { padding-left:1em; } .shiftnav_menu_divider { width:100%; position:relative; font-size: 12px; letter-spacing:1px; opacity: .9; text-align: center; text-transform:uppercase; } .shiftnav_menu_divider > span:first-child { position:absolute; left:1em; } .shiftnav_menu_divider > span:last-child { position:absolute; right:1em; } .shiftnav ul.shiftnav-menu > li.menu-item > .shiftnav-target { letter-spacing: 5px; font-weight: 500; } .shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target { letter-spacing:1px; } .shiftnav-inner .branding { padding:1em; } .shiftnav-inner .branding h1 { font-size: 85px; letter-spacing: 2px; padding: .25em 0; } .shiftnav-inner .branding * { float:none; text-align:center; } .shiftnav-inner .branding .tagline { border:none; margin:0; padding:0; } .shiftnav-open-right #shiftnav-toggle-main:before, #shiftnav-toggle-main.shiftnav-toggle-edge-right:before { content:"menu \f0c9"; } .shiftnav-open-left #shiftnav-toggle-main.shiftnav-toggle-edge-right:before { display:none; } .btn-link { color:#507F2F; } .btn-link:hover { color:#507F2F; } .link_to_home { cursor:pointer; } .wp-caption.aligncenter { margin:0 auto;} .center_text { /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .post_nav { margin-top:2em; } .content .section_heading { font-size:3em; }