/*UNIVERSITY OF DELAWARE 07-2015*/ /*styles for global home page*/ /*IMPORTANT:: these styles will be imported into one large CSS file. These styles are for non-global elements of this template and need to be name-spaced. The namespace class should be on the tag in its HTML*/ /*this stylesheet is imported into "template-styles.less"*/ /*only styles pertaining to this template should be included here*/ /*"global-styles" will handle all global, site-wide styles such as reset,font-face etc.*/ /*styled from phone up - so media queries are only written for tablet/desktop*/ .udel-global-home { /*hero area*/ /*footer*/ /*media queries*/ /*tablet*/ /*desktop*/ /*large*/ } .udel-global-home .hero { position: relative; } .udel-global-home .hero-cta { position: absolute; top: 10px; left: 15px; z-index: 2; } .udel-global-home .hero h1 { position: relative; z-index: 2; font-family: 'open_sans_condensedbold'; font-size: 30px; color: #ffffff; text-align: center; width: 263px; padding: 0; margin: 0 auto; line-height: 33px; text-shadow: -2px 2px 2px #000000; } .udel-global-home .hero h2 { position: relative; z-index: 2; font-family: 'open_sans_semibold'; font-size: 11px; text-align: center; color: #FFFFFF; width: 286px; padding: 8px 0 0 0; margin: 0 auto; text-shadow: -2px 2px 2px #000000; } .udel-global-home .hero .hero-cta-btn { position: relative; z-index: 2; width: 202px; height: 32px; background-color: rgba(0, 0, 0, 0.5); border: 2px solid #FFFFFF; text-align: center; display: table; margin: 8px auto; } .udel-global-home .hero .hero-cta-btn span { font-family: 'open_sans_condensedbold'; color: #ffffff; font-size: 14px; display: table-cell; vertical-align: middle; } .udel-global-home .hero .hero-cta-btn span i { margin-left: 30px; } .udel-global-home footer .carousel-item { background-size: 320px 180px; } .udel-global-home footer .carousel-item:nth-child(1) { background: url(../../../../../img/fpo/footer1.png) no-repeat 0 0; } .udel-global-home footer .carousel-item:nth-child(2) { background: url(../../../../../img/fpo/footer2.png) no-repeat 0 0; } .udel-global-home footer .carousel-item:nth-child(3) { background: url(../../../../../img/fpo/footer3.png) no-repeat 0 0; } @media only screen and (min-width: 1024px) { .udel-global-home .hero { margin-top: -57px; } .udel-global-home .hero-cta { top: 250px; } .udel-global-home .hero h1 { position: relative; z-index: 2; width: 640px; line-height: 64px; font-size: 64px; } .udel-global-home .hero h2 { position: relative; z-index: 2; font-size: 24px; width: 624px; } .udel-global-home .hero .hero-cta-btn { position: relative; z-index: 2; width: 248px; height: 40px; margin-top: 24px; } } .white-bg { background: #fff; } /* event widget styling */ .lwl0 { font-family: "open_sans_regular", Arial, Helvetica, sans-serif; font-size: 10px; } #lw li.lwe .lwl a { color: #0093e5; font-family: "open_sans_regular", Arial, Helvetica, sans-serif; font-size: 10px; } #udel-localist-mini-calendar .events-title { color: #737679; font-weight: normal; font-family: Myriad Pro, Arial, Helvetica, sans-serif; } #udel-localist-mini-calendar .localist_minicalendar .localist_minicalendar_pager { background: #C4D8E5; } #udel-localist-mini-calendar .localist_minicalendar .localist_minicalendar_page_heading h1 { font-weight: bold; color: #003976; text-transform: uppercase; font-family: "open_sans_semibold", Arial, Helvetica, sans-serif; } .localist_minicalendar { background: #fff; } a#localist-minical-9743-next-month, a#localist-minical-9743-prev-month { background-color: #C4D8E5; color: #003976; } #udel-localist-mini-calendar .localist_minicalendar_minicalendar td { background-color: #fff; } #udel-localist-mini-calendar .localist_minicalendar_minicalendar th { font-size: 10px; text-transform: uppercase; border-bottom: 1px solid #ccc; padding: 9px 0 9px 0; font-family: "open_sans_regular", Arial, Helvetica, sans-serif; } #udel-localist-mini-calendar .localist_minicalendar_minicalendar td a { color: #00a0df; font-size: 10px; font-family: "open_sans_regular", Arial, Helvetica, sans-serif; } #udel-localist-mini-calendar .localist_minicalendar_minicalendar td a:hover { color: #fff; } .localist_minicalendar_minicalendar td a { color: #00a0df; } #lw li.lwe a { color: #0093e5; font-family: "open_sanscondensed_light", Arial, Helvetica, sans-serif; } #udel-localist-mini-calendar .lwd { font-family: "open_sans_regular", Arial, Helvetica, sans-serif; font-size: 10px; } #udel-localist-mini-calendar .lwn0 { font-family: "open_sans_regular", Arial, Helvetica, sans-serif; font-size: 10px; } /* event list page */ #menu .action_menu li.search_action input { width: 270px; border: 0; color: #222; background-color: #fff; outline: none; border-radius: 3px; -moz-border-radius: 3px; } #ud-content-wrap { background-color: transparent; } #large-container { background-color: #f1eee5; } #ud-wrapper { width: 960px; margin-top: 30px; margin-bottom: 30px; position: relative; padding: 30px; background-image: none; -moz-border-radius: 0px; border-radius: 0; border: 0; } #sky { display: none; } #menu .action_menu li.search_action input { width: 270px; border: 0; color: #222; background-color: #fff; outline: none; border-radius: 0px; -moz-border-radius: 0px; }