Skip to content
This repository has been archived by the owner on Feb 8, 2021. It is now read-only.

Commit

Permalink
Redesign Rubenstein Library homepage and interior nav, including new …
Browse files Browse the repository at this point in the history 
…exhibits widget. Closes DDG-179
  • Loading branch information
@seanaery
seanaery committed Jan 8, 2018
1 parent f36f7b7 commit c08bf31
Show file tree
Hide file tree
Showing 4 changed files with 531 additions and 57 deletions.
218 changes: 187 additions & 31 deletions assets/css/dulcet.style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9783,7 +9783,7 @@ iframe {
-webkit-column-gap: 10px;
column-count: 1;
-moz-column-gap: 15px;
column-gap: 15px;
column-gap: 15px;
clear: both; }

.studyrooms .exhibit-bookmarkWidget-popup {
Expand All @@ -9797,7 +9797,7 @@ iframe {
-webkit-column-gap: 10px;
column-count: 2;
-moz-column-gap: 15px;
column-gap: 15px;
column-gap: 15px;
clear: both; }
.page-node-436 .exhibit-facet {
width: 47%;
Expand All @@ -9812,7 +9812,7 @@ iframe {
-webkit-column-gap: 10px;
column-count: 3;
-moz-column-gap: 15px;
column-gap: 15px;
column-gap: 15px;
clear: both; } }

/* Residence Hall Librarians */
Expand Down Expand Up @@ -9916,28 +9916,6 @@ iframe {
padding-left: 30px;
padding-right: 0; } }

#rubenstein-banner {
height: 240px;
position: relative;
margin-bottom: 10px; }
#rubenstein-banner h1 {
color: white;
font-weight: 500;
font-size: 37px;
position: absolute;
top: 0;
background: rgba(0, 0, 0, 0.6);
width: 100%;
padding: 10px;
margin-top: 20px;
max-width: 625px;
box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.75);
text-transform: uppercase; }
#rubenstein-banner h1 img {
width: 100px;
float: left;
margin-right: 0.4em; }

.rl-utilities {
line-height: 1em; }
.rl-utilities div.button-wrapper {
Expand All @@ -9962,7 +9940,7 @@ ul.rl-mainlinks {
margin: 20px 0;
padding: 0;
-moz-column-gap: 5px;
column-gap: 5px; }
column-gap: 5px; }
ul.rl-mainlinks li {
list-style: none; }
ul.rl-mainlinks li a {
Expand All @@ -9979,6 +9957,185 @@ ul.rl-collections li {
background: url(/sites/all/themes/dulcet/assets/images/striped-grey.png) repeat left top;
padding: 20px; }

/* Rubenstein primary nav */
/* applies to interior RL page dropdown menu too */
/* ============================================= */
.easy-breadcrumb a[href="/rubenstein"]:hover {
position: relative;
background-color: #a1b70d;
padding: 10px 15px;
margin: auto -15px;
color: white; }

.easy-breadcrumb a[href="/rubenstein"]:hover:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
width: 0;
height: 0;
border-top: solid 20px #a1b70d;
border-left: solid 20px transparent;
border-right: solid 20px transparent;
z-index: 150; }

.rl-menu-interior {
position: relative; }

.rl-menu-wrapper {
position: absolute;
width: 100%;
z-index: 100;
top: -24px;
left: 0;
right: 0; }

#rl-menu-full .rl-menu-wrapper {
position: relative;
width: auto;
top: 0px; }

.rl-menu {
padding: 0 15px;
position: relative;
margin-bottom: 20px; }

.rl-menu .rl-menu-title {
background: #f5f5f5;
padding: 15px;
padding-top: 25px;
padding-bottom: 0;
margin-bottom: 0;
z-index: 100; }

.rl-menu .rl-menu-title h1 {
width: auto;
text-transform: uppercase;
padding-top: 0;
margin-top: 0;
margin-bottom: 4px;
float: left;
font-size: 27px;
font-weight: 400; }

#rl-menu-full .rl-menu .rl-menu-title h1 {
width: 600px;
font-size: 35px; }

.rl-menu .rl-logo-banner {
filter: invert(75%);
height: 75px;
float: left;
margin-right: 15px;
display: none; }

#rl-menu-full .rl-menu .rl-logo-banner {
display: block; }

.rl-menu .navbar-default {
background-color: #f5f5f5;
border: none;
border-bottom: 4px solid #a1b70d;
color: #333 !important;
margin-bottom: 0px; }

#rl-menu-full .rl-menu .navbar-default {
border-bottom: none; }

.rl-menu .navbar-collapse {
padding-left: 0;
padding-bottom: 10px; }

.rl-menu .navbar-default .navbar-nav > li a, .rl-menu .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #555; }

.rl-menu .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: white; }

.rl-menu .navbar-default .navbar-nav > li a:focus {
background-color: transparent; }

.rl-menu .navbar-default .navbar-nav > li a:hover {
background-color: #a1b70d;
color: white; }

.rl-menu .navbar-default .navbar-nav > .open > a, .rl-menu .navbar-default .navbar-nav > .open > a:hover, .rl-menu .navbar-default .navbar-nav > .open > a:focus {
background-color: #a1b70d;
color: white; }

.rl-menu .imgback {
background-repeat: no-repeat;
height: 100%;
position: absolute;
background-size: cover;
width: 512px;
right: 0;
margin-right: 15px;
display: none; }

#rl-menu-full .imgback {
display: block; }

#rl-menu-full .rl-menu-wrapper.collapse {
/* don't hide or collapse the rl menu on RL home */
display: block !important;
height: auto !important; }

.rl-menu .imgback.imgback-shadow {
-webkit-clip-path: polygon(50px 0, 70px 0, 20px 100%, 0 100%);
clip-path: polygon(50px 0, 70px 0, 20px 100%, 0 100%);
z-index: 131;
box-shadow: -30px 30px -30px 30px;
background-color: #eee;
opacity: 0.8; }

.rl-menu .imgback.imgback-image {
background-position: 50% 50%;
-webkit-clip-path: polygon(50px 0, 550px 0, 100% 100%, 0 100%);
clip-path: polygon(50px 0, 550px 0, 100% 100%, 0 100%);
z-index: 130;
background-color: #ddd; }

.rl-menu button.navbar-toggle {
background-color: #aaa; }

.rl-menu button.navbar-toggle:hover {
background-color: #ccc; }

@media (max-width: 1199px) and (min-width: 992px) {
#rl-menu-full .rl-menu .imgback {
width: 350px; } }

@media (max-width: 991px) {
#rl-menu-full .rl-menu .imgback {
display: none; }
.rl-menu .rl-menu-title h1, #rl-menu-full .rl-menu .rl-menu-title h1 {
width: auto; } }

/* RL Current Exhibits */
/* =================== */
.rl-exhibits-widget .views-row {
margin-right: 8px; }

.rl-exhibits-widget .item-list ul#rotate1 {
clear: both;
padding-top: 20px; }

/* RL Homepage Blog Posts */
/* ====================== */
.vertical-blogs.rl-home-news ul li img {
max-width: 60px;
height: 60px;
float: left;
margin-right: 10px; }

.vertical-blogs.rl-home-news ul li {
min-height: 65px; }

.vertical-blogs.rl-home-news ul li:nth-of-type(1n+5) {
display: none; }

.region-alerts .alert {
margin-bottom: 15px;
padding-top: 20px;
Expand Down Expand Up @@ -10670,8 +10827,7 @@ html {
-moz-column-gap: 10px;
-moz-column-fill: auto;
column-count: 3;
-moz-column-gap: 15px;
column-gap: 15px;
column-gap: 15px;
column-fill: auto; }

.page-kiosks-edge .room_reserve {
Expand Down Expand Up @@ -12456,15 +12612,15 @@ div.smallerThumbs .views-field-author {

.columns-2 {
-moz-column-count: 2;
column-count: 2; }
column-count: 2; }

.columns-3 {
-moz-column-count: 3;
column-count: 3; }
column-count: 3; }

.columns-4 {
-moz-column-count: 4;
column-count: 4; }
column-count: 4; }

table[border="0"] thead, table[border="0"] tbody, table[border="0"] tr, table[border="0"] td, table.table-unstyled thead, table.table-unstyled tbody, table.table-unstyled tr, table.table-unstyled td {
border: none; }
Expand Down
Loading

0 comments on commit c08bf31

Please sign in to comment.