/* Updated: 2011.10.3 ENR Author: Erik Runyon ----------------------------------------------------*/ /** * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) * v1.6.1 2010-09-17 | Authors:Eric Meyer & Richard Clark * html5doctor.com/html-5-reset-stylesheet/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration:line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; clear:both; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* Font normalization inspired by YUI Library's fonts.css:developer.yahoo.com/yui/ ----------------------------------------------------*/ body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity. */ select, input, textarea, button { font:99% sans-serif; } /* Minimal base styles. ----------------------------------------------------*/ body, select, input, textarea {color:#444;} h1, h2, h3, h4, h5, h6 {margin:0 0 1.5em; font-weight:bold;} html { overflow-y:scroll; } a:hover, a:active { outline:none; } a, a:active, a:visited { color:#607890; } a:hover { color:#036; } ul, ol { margin-left:2em; } ol { list-style-type:decimal; } nav ul, nav li { margin:0; list-style:none; list-style-image:none; } small { font-size:85%; } strong, th { font-weight:bold; } td { vertical-align:top; } sub, sup { font-size:75%; line-height:0; position:relative; } sup { top:-0.5em; } sub { bottom:-0.25em; } button, input, select, textarea { margin:0; } ::-moz-selection{ background:#28a1e1; color:#fff; text-shadow:none; } ::selection { background:#28a1e1; color:#fff; text-shadow:none; } .clearfix:before, .clearfix:after { content:"\0020"; display:block; height:0; visibility:hidden; } .clearfix:after { clear:both; } .clearfix { zoom:1; } /* REDECLARATIONS ----------------------------------------------------*/ html {height:100%; width:100%; margin:0; padding:0; overflow-y:scroll;} body {overflow-x:clip; width:100%; margin:0; padding:0; color:#333; font:15px/2.2em Georgia, Times, "Times New Roman", serif; -webkit-font-smoothing:antialiased;} p {margin:0 0 1em;} p + p {margin:1em 0;} a {outline:none;} a {color:#28a1e1; -webkit-tap-highlight-color:#f6efd2;} a:visited {color:#2495cd;} a:hover, a:active {color:#9b8231; outline:none;} strong, b {font-weight:bold;} em, i {font-style:italic;} h1,h2,h3,h4,h5,h6 {margin:1.4em 0 8px; color:#333; line-height:1.1em; font-weight:bold; text-rendering:optimizeLegibility; font-family:"Adobe Garamond Pro", Garamond, Georgia, Times, "Times New Roman", serif;;} h1 {margin-top:0; font-size:260%;} h2 {margin:0 0 2px; font-size:200%; text-shadow:0 1px 1px #fff;} h3 {font-size:160%;} h4 {font-size:130%;} h5 {font-size:120%;} h6 {font-size:100%;} ol,ul {margin:10px 0 10px 30px;} li {margin:3px 0;} table {width:100%; margin:10px 0 20px; border-collapse:collapse;} th {color:#fff; background-color:#0d4b7c;} th, td {padding:4px 8px; border:1px solid #dadada;} td, td img {vertical-align:top;} sup {vertical-align:super; font-size:smaller;} sub {vertical-align:sub; font-size:smaller;} pre, code, kbd, samp {font-family:monospace, sans-serif;} button {width:auto; overflow:visible;} iframe {max-width:100%; border:none;} figure {} figure, aside.right, figure.right {float:right; width:224px; margin:0 0 10px 25px;} aside.right p {} figure.left {float:left; width:224px; margin:0 25px 10px 0;} figure img {} figcaption {display:block; margin:0; padding:0; text-align:left; line-height:1.5em; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;} figcaption h2 {margin:0 0 1em;} figcaption p {} blockquote {margin:20px 0; color:#0d407a; font-weight:normal; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;} blockquote p {margin:0; line-height:2em; font-size:110%;} blockquote.pull {float:right; width:29.16666667%; margin:4.166666667%; color:#07427e; font-size:200%;} blockquote.pull p {line-height:1.2em;} blockquote.pull footer {margin:20px 15px; color:#333; font-size:50%; font-weight:bold; line-height:1.4em;} blockquote.pull footer i {display:block; font-weight:normal;} /* IMAGES ----------------------------------------------------*/ img {max-width:100%; -ms-interpolation-mode:bicubic; border:none;} .ie6 .ndmark {width:100%;} img, img.right, img.left, img.center {line-height:0;} .default {display:block; position:relative; margin:10px 5% 10px 0 /* 10px 20px 10px 0 */;} .center {text-align:center;} .default a, .right a, .left a {display:block; text-decoration:none; border:none;} /* Author: Erik Runyon Copyright 2011 University of Notre Dame http://nd.edu/copyright/ ----------------------------------------------------*/ #sherpind {height:100%; position:fixed; right:0; top:0; z-index:1400; margin:0; padding:0; font-size:14px; list-style:none;} #sherpind li {position:absolute; right:0; top:0; width:39px; margin:-19px 0 0; cursor:pointer; color:#fff; text-shadow:1px 1px 2px #000;} #sherpind li.hover {z-index:1000; width:239px; height:auto; padding:0;} #sherpind .marker {position:relative; z-index:100; height:19px; background:url("images/sherpind-bars.png") 0 0 no-repeat;} #sherpind li.hover .marker {background-position:0 -29px;} #sherpind li.hover.pinup .marker {background-position:0 -58px;} #sherpind .content {display:none; z-index:0; width:204px; margin:-19px 13px 0 0; padding:29px 10px 10px; border:1px solid #000; -moz-border-radius:6px; border-radius:6px; background:url(images/sherpind-bg.png) 0 0 repeat;} #sherpind li.hover .content {display:block;} #sherpind li.pinup .content {padding:10px 10px 29px;} #sherpind li .tease {float:left; margin:3px 10px 0 0;} #sherpind li .tease img {max-width:50px; max-height:50px; border:1px solid #fff;} #sherpind li .title {display:block; font-weight:bold; font-size:100%; line-height:1.2em;} #sherpind li .snippet {font-size:90%; line-height:1.2em;} #sherpind.dark-gray .marker {background-position:0 -87px;} #sherpind.dark-gray li.hover .marker {background-position:0 -116px;} #sherpind.dark-gray li.hover.pinup .marker {background-position:0 -145px;} /********************************************************************************************************* Screen Styles *********************************************************************************************************/ @media screen,projection { /* STRUCTURE ----------------------------------------------------*/ body {line-height:1.8em; background:#03041b url(images/brand-bar.png) 0 0 repeat-x;} #skip-links {display:block; clip:auto; position:relative; width:auto; height:auto; overflow:hidden; margin:0;} #skip-links ul {float:left; width:100%; border:1px solid rgba(156,112,18,0.4); border-width:1px 0; background-color:#f6efd2;} #skip-links li {float:left; text-align:center; width:49%;} #skip-links li a {display:block; float:left; width:100%; padding:1px 0; font-size:12px; border:1px solid rgba(156,112,18,0.4); border-width:0 0 0 1px; text-decoration:none;} .no-js #wrapper {background:url(images/header-mud-600.jpg) center 52px no-repeat;} #bgrot {position:relative; margin:0; padding:0; width:100%; height:100%; list-style:none;} #bgrot li {display:none; position:absolute; overflow:hidden; width:100%; height:138px; margin:52px 0 0; line-height:0; background-size:100% 100%; background-position:center 0; background-repeat:no-repeat;} #bgrot li.active {/* display:block; */} .header-mud {background-image:url(images/header-mud.jpg);} .header-football {background-image:url(images/header-football.jpg);} .header-basilica {background-image:url(images/header-basilica.jpg);} #content {} #sherpind {} /* HEADER ----------------------------------------------------*/ #header {position:relative; overflow:hidden; max-width:940px; height:auto; margin:0 auto; padding:0; font-family:Georgia, Times, "Times New Roman", serif; background-size:auto 100%;} #header h2 {margin:0; padding:0; font-size:15px; text-transform:uppercase; letter-spacing:3px; font-weight:normal; font-family:"Adobe Garamond Pro", Garamond, Georgia, Times, "Times New Roman", serif;} #header h2 i {text-transform:none; font-weight:normal;} #header h2 a {display:block; width:100%; height:50px; margin:0 2%; border:none; color:#fff; font-weight:bold; text-decoration:none; text-indent:-9999px; overflow:hidden; background:url(https://static.nd.edu/images/brandbar/dept-nd-white.png) 0 0 no-repeat;} #header h2 a:hover {color:#f6efd2;} #header h1 {z-index:10; position:relative; clear:both; width:100%; height:140px; margin:0; padding:0; text-indent:-9999px; overflow:hidden; background-size:100% auto; background:url(images/header-600.png) center center no-repeat;} .ie6 #header, .ie6 .story, .ie6 #footer-inner {width:940px;} a.indepth {z-index:10; position:relative; position:absolute; left:0; bottom:0; display:block; width:auto; height:auto; padding:9px 16px; line-height:1em; color:#fff; font-size:12px; text-decoration:none; border:1px solid #4a4a4a; border-width:0 1px 1px; font-family:Helvetica, Verdana, Arial, sans-serif; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; background:#333; background:-moz-linear-gradient(top, #333 0%, #1a1a1a 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#1a1a1a)); background:-webkit-linear-gradient(top, #333 0%,#1a1a1a 100%); background:-o-linear-gradient(top, #333 0%,#1a1a1a 100%); background:-ms-linear-gradient(top, #333 0%,#1a1a1a 100%); background:linear-gradient(top, #333 0%,#1a1a1a 100%); } a.indepth b {color:#ebd69c;} a.indepth:hover { background:#222; background:-moz-linear-gradient(top, #444 0%, #222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(100%,#222)); background:-webkit-linear-gradient(top, #444 0%,#222 100%); background:-o-linear-gradient(top, #444 0%,#222 100%); background:-ms-linear-gradient(top, #444 0%,#222 100%); background:linear-gradient(top, #444 0%,#222 100%); } .vote {clear:both; display:block; width:257px; height:77px; margin:0 auto; text-indent:-9999px; overflow:hidden; background:url(images/vote.png) 0 0 no-repeat;} #surveyMonkeyInfo {display:none; z-index:100; position:absolute; top:5%; left:5%; right:5%; margin:0 auto; background-color:#fff; -webkit-box-shadow:0 0 5px 5px rgba(0,0,0,0.5); -moz-box-shadow:0 0 5px 5px rgba(0,0,0,0.5); box-shadow:0 0 5px 5px rgba(0,0,0,0.5); } #smclose {position:absolute; right:30px; top:8px; padding:1px 8px 0; line-height:1.4em; text-align:center; text-transform:uppercase; font-size:14px; color:#333; border:1px solid gray; text-decoration:none; background-color:#fff;} /********************************************************************************************************* Story Styles *********************************************************************************************************/ .archive {margin:15px 0; text-align:center; font-size:88%; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;} .archive a {display:block; width:80%; margin:0 auto; padding:6px 7.446808511% 6px 3.723404255%; line-height:1.2em; color:#333; text-decoration:none; border-bottom:1px solid rgba(255,255,255,0.5); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#f1d76f url(images/archive.png) right center no-repeat;} .archive a:hover {background-color:#ebd146;} .story-outer {overflow:hidden; border-top:1px solid #ddd;} .story {margin:0 auto;} .story:before, .story:after { content:"\0020"; display:block; height:0; visibility:hidden; } .story:after { clear:both; } .story { zoom:1; } .story header {overflow:hidden; position:relative; padding-top:25px;} .story header h2 {color:#002b5b; font-weight:normal;} .story-inner {margin:0 auto; width:98%;} .photo {padding:5px; background-color:#fff; -webkit-box-shadow:0 1px 4px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 4px 2px rgba(0,0,0,0.3); box-shadow:0 1px 4px 2px rgba(0,0,0,0.3);} .youtube {display:block;} .focus {margin:0; list-style:none;} .focus li {margin:0 0 8px; padding:10px 30px 10px 60px; line-height:1.3em; background-color:#fdf6dd;} /* Skip Links */ .skip {display:block; margin:10px 0; line-height:1.2em; color:#333; text-decoration:none; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;} .skip b {color:#ebd69c;} /* Where the Heart Is ----------------------------------------------------*/ #halls {width:100%; max-width:374px; margin:10px auto 20px;} #halls figure {width:auto; float:none; margin:0; padding:10px; border:1px solid #959595; -webkit-box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.4); background:#fff; background:-moz-linear-gradient(top, #fff 0%, #e2e2e2 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e2e2e2)); background:-webkit-linear-gradient(top, #fff 0%,#e2e2e2 100%); background:-o-linear-gradient(top, #fff 0%,#e2e2e2 100%); background:-ms-linear-gradient(top, #fff 0%,#e2e2e2 100%); background:linear-gradient(top, #fff 0%,#e2e2e2 100%); } #halls figcaption {position:relative; text-align:center;} #halls figcaption h4 {margin:3px 0; padding:0 0 5px; font-weight:normal; background:url(images/hall-sprites.png) center 24px no-repeat;} #halls figcaption p {width:80%; margin:0 auto;} #halls img {border:1px solid #959595;} #halls ul {width:90%; margin:10px auto; list-style:none; text-align:center;} #halls li {display:inline; margin:0 5px;} #halls .active {font-weight:bold;} #halls a {text-decoration:none; color:#333;} #hprev, #hnext {position:absolute; left:0; top:30px; display:block; width:18px; height:21px; text-indent:-9999px; overflow:hidden; background:url(images/hall-sprites.png) 0 -44px no-repeat;} #hprev {} #hnext {left:auto; right:0; background-position:-220px -44px;} #regatta {clear:both;} /* Faith ----------------------------------------------------*/ .ie7 #faith, .ie8 #faith {width:100%;} .ie7 #faith .story, .ie8 #faith .story {width:800px; margin:0 auto;} .ie7 #faith .story-inner, .ie8 #faith .story-inner {clear:both; overflow:hidden; position:relative; margin:10px auto; padding:10px; border:1px solid #0e161d; font-size:90%; line-height:1.6em; background:#7c3d08 url(images/grotto.jpg) 0 0 no-repeat;} .ie7 #faith .trans, .ie8 #faith .trans {float:right; width:40%; margin:0;} .ie7 #faith .captions, .ie8 #faith .captions {position:absolute; bottom:10px; left:10px; padding:10px; width:320px; font-size:80%;} #faith h2 {margin-bottom:10px;} #faith .captions {margin:10px 0;} .bg {display:none;} /* In the Name of Fun ----------------------------------------------------*/ #fun h2 {text-shadow:none;} #fun .plunge, #fun .basketball {float:none; width:auto; margin:0 0 15px;} .plunge figcaption, .basketball figcaption {font-size:80%; display:block;} #antostal {clear:both; overflow:hidden; padding:5%; border:1px solid #cf9100; background:url(images/antostal.png) 0 0 repeat;} #antostal h3 {margin-top:0;} #antostal a {color:#7a3a00;} #fun #antostal p {padding:0; color:#333; background:none;} #atg {margin:10px 0;} #atg figure {width:100%; margin:0 0 10px;} #atg figcaption {font-size:80%;} #atg ul {margin:0; list-style:none;} #atg li {display:inline; margin:0 2px 0 0;} #atg li a {float:left; display:block; margin:0 2px 0 0;} /* Academically Speaking ----------------------------------------------------*/ figure.steps {width:50%;} /* Sports ----------------------------------------------------*/ figure.guard {float:none; width:100%; margin:15px 0;} figure.guard figcaption {font-size:80%;} /* Sports ----------------------------------------------------*/ #love h2 {text-shadow:none;} /* Comments ----------------------------------------------------*/ #comments {padding:20px 0; color:#fff; background-color:#043266;} #comments h3 {margin:0; color:#fff;} /* Footer ----------------------------------------------------*/ #footer {overflow:hidden; color:#fff; background-color:#043266; } #footer-inner {overflow:hidden; padding:1em; } #mark {display:block; width:150px; height:35px; margin:10px 1%; background:url(https://static.nd.edu/images/marks/white/ndmark150.png) 0 0 no-repeat;} #mark img {display:none;} .org, .tel { display:inline; } .map { margin:0 1em; } .geo, .country-name { display:none; } #footer-inner p { margin:0 0 0.25em; } .site-info { margin:0.25em 0 1em;} .site-info li { display:inline-block; margin:0 1em 0 0; } } /********************************************************************************************************* Media Queries *********************************************************************************************************/ @media screen and (max-device-width:480px) { html {-webkit-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;} } @media only screen and (min-width:320px) { #sherpind {display:none;} .trans {overflow:hidden; padding:3% 4%; color:#fff; border:1px solid #000; background:url(images/bgtrans.png) 0 0 repeat-x;} .trans a {color:#f5d56a;} .youtube {display:block; padding:10px 0;} .youtube img {display:block; margin:0 auto;} #header h2 { background:#0d3f7a; background:-moz-linear-gradient(top, #0d3f7a 0%, #001736 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d3f7a), color-stop(100%,#001736)); background:-webkit-linear-gradient(top, #0d3f7a 0%,#001736 100%); background:-o-linear-gradient(top, #0d3f7a 0%,#001736 100%); background:-ms-linear-gradient(top, #0d3f7a 0%,#001736 100%); background:linear-gradient(top, #0d3f7a 0%,#001736 100%); } #index {background:url(images/irish-guard-bg480.jpg) 0 0 repeat;} /* Where the Heart Is ----------------------------------------------------*/ #heart {background:url(images/gray-bg-small.png) 0 0 repeat;} #heart .skip b {color:#0b3d76;} #heart blockquote.pull {width:100%; margin:16px 0;} /* Grabbing a Bite ----------------------------------------------------*/ #bite {background-color:#fff;} #bite .skip b {color:#0b3d76;} /* Keeping the Faith ----------------------------------------------------*/ #faith {background:url(images/gray-bg-small.png) 0 0 repeat;} #faith .skip b {color:#0b3d76;} /* In the Name of Fun ----------------------------------------------------*/ #fun {background:url(images/irish-guard-bg480.jpg) 0 0 repeat;} #fun h2 {color:#ebd69c;} #fun .skip {color:#ebd69c;} #fun p {padding:3% 4%; color:#fff; background:url(images/bgtrans.png) 0 0 repeat-x;} /* Academically Speaking ----------------------------------------------------*/ #speaking {background-color:#fff;} figure.steps {width:100%;} /* A Tradition of Giving ----------------------------------------------------*/ #giving {background:url(images/gray-bg-small.png) 0 0 repeat;} #giving .story-inner {padding:170px 0 0; background:url(images/bengal-bouts480.jpg) center top no-repeat;} #giving .skip b {color:#0b3d76;} /* Good Sports ----------------------------------------------------*/ #sports {padding:102px 0 0; background:#fff url(images/sports-header480.jpg) center top no-repeat;} #sports .skip b {color:#0b3d76;} /* Love Thee, Notre Dame ----------------------------------------------------*/ #love {background-size:auto 100%; background:#c9bba7 url(images/lake480.jpg) center bottom no-repeat;} #love .story {} #love header {margin:10px 0; padding:3% 4%; background:url(images/bgtrans.png) 0 0 repeat-x;} #love h2 {color:#ebd69c;} #love .skip {color:#fff;} } @media only screen and (min-width:480px) { #sherpind {display:none;} /* Where the Heart Is ----------------------------------------------------*/ #heart .story {padding-top:30px; background:url(images/gold-band.png) 0 0 repeat-x;} /* Grabbing a Bite ----------------------------------------------------*/ /* Keeping the Faith ----------------------------------------------------*/ /* In the Name of Fun ----------------------------------------------------*/ #fun .intro {font-size:160%;} #fun .basketball {float:right; width:50%; margin:0 0 5% 5%;} /* Academically Speaking ----------------------------------------------------*/ .geekweek .left {float:left;} /* A Tradition of Giving ----------------------------------------------------*/ /* Good Sports ----------------------------------------------------*/ /* Love Thee, Notre Dame ----------------------------------------------------*/ } /* Mid-Size Tablets (Galaxy Tab) (portrait) ----------- */ @media screen and (min-width:600px) { #skip-links { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } #skip-links:active, #skip-links:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; } #sherpind {display:block;} .no-js #wrapper, #bgrot li {height:218px; background-size:auto 100%; background-position:center center;} #header h1 {height:220px; background-image:url(images/header.png);} /* IMAGES ----------------------------------------------------*/ img {max-width:100%; -ms-interpolation-mode:bicubic; border:none;} .ie6 .ndmark {width:100%;} img, img.right, img.left, img.center {line-height:0;} img.right, img.left {max-width:50%;} .default {position:relative; margin:10px 5% 10px 0 /* 10px 20px 10px 0 */;} .right {float:right; margin:5px 0 20px 5% /* 5px 0 20px 20px */;} .left {float:left; margin:5px 5% 20px 0 /* 5px 20px 20px 0 */;} .center {text-align:center;} .default a, .right a, .left a {display:block; text-decoration:none; border:none;} /* Styles */ h2 {font-size:240%;} .archive a {width:50%;} #index .right {float:none; margin:0 auto 20px;} /* Where the Heart Is ----------------------------------------------------*/ #halls figure {font-family:'Architects Daughter', "Helvetica Neue", Helvetica, Arial, cursive;} /* Grabbing a Bite ----------------------------------------------------*/ #bite {} #bite .story-inner {} /* Keeping the Faith ----------------------------------------------------*/ #faith .left {float:none;} /* In the Name of Fun ----------------------------------------------------*/ #fun {padding:30px 0;} #fun figure.basketball {width:32.5203252%;} #fun figure.basketball img {margin:5px 0 10px 5%; max-width:100%;} #fun figure.basketball figcaption {display:block; font-size:80%;} #atg {float:right; width:310px; margin:-30px 0 2% 5%;} #atg img {border:1px solid #7a3a00;} #atg li {margin:0 6px 0 0;} #atg li:last-child {margin:0;} /* Academically Speaking ----------------------------------------------------*/ figure.steps {width:50%;} figure.steps figcaption {padding:10px 0 0 45px; font-family:'Architects Daughter', "Helvetica Neue", Helvetica, Arial, cursive; background:url(images/arrow-sketch.png) center left no-repeat;} #speaking .rotate { -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); -o-transform:rotate(4deg); -ms-transform:rotate(4deg); transform:rotate(4deg); } #speaking blockquote {float:right; width:50%; margin:0 0 20px 8%; font-family:'Architects Daughter', "Helvetica Neue", Helvetica, Arial, cursive;} .geekweek {width:84%; margin:40px auto; padding:15px 10px; color:#fff; font-family:'Architects Daughter', "Helvetica Neue", Helvetica, Arial, cursive; background:url(images/bluegrid.png) 0 0 repeat; -moz-transform:rotate(1deg); -webkit-transform:rotate(1deg); -o-transform:rotate(1deg); -ms-transform:rotate(1deg); transform:rotate(1deg); -webkit-box-shadow:0 0 5px 3px rgba(0,0,0,0.4); -moz-box-shadow:0 0 5px 3px rgba(0,0,0,0.4); box-shadow:0 0 5px 3px rgba(0,0,0,0.4); } .geekweek img {margin:-30px 40px 20px -20px; -webkit-box-shadow:0 0 5px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 0 5px 3px rgba(0,0,0,0.2); box-shadow:0 0 5px 3px rgba(0,0,0,0.2); -moz-transform:rotate(-1deg); -webkit-transform:rotate(-1deg); -o-transform:rotate(-1deg); -ms-transform:rotate(-1deg); transform:rotate(-1deg); } /* A Tradition of Giving ----------------------------------------------------*/ /* Good Sports ----------------------------------------------------*/ figure.guard {float:left; margin:0 5% 15% 0; width:51.21212121% /* 338/660 */;} /* Love Thee, Notre Dame ----------------------------------------------------*/ } /* Tablets Portrait ----------- */ @media only screen and (min-width:768px) { img.right, img.left {max-width:none;} .archive a {width:30%;} .skip {float:right;} blockquote {padding:3% 4%; color:#333; background:none;} #sherpind {display:block;} .no-js #wrapper, #bgrot li {height:308px; background-size:auto auto; background-position:center center;} #header h1 {height:310px; background-size:auto auto; background-position:left center;} #header h2 {background:none;} /* IMAGES ----------------------------------------------------*/ img {max-width:100%; -ms-interpolation-mode:bicubic; border:none;} .ie6 .ndmark {width:100%;} img, img.right, img.left, img.center {line-height:0;} img.right, img.left {max-width:50%;} .default {position:relative; margin:10px 5% 10px 0 /* 10px 20px 10px 0 */;} .right {float:right; margin:5px 0 20px 5% /* 5px 0 20px 20px */;} .left {float:left; margin:5px 5% 20px 0 /* 5px 20px 20px 0 */;} .center {text-align:center;} .default a, .right a, .left a {display:block; text-decoration:none; border:none;} #header h1 {/* height:180px; background-position:center center; background-size:80% auto; background-image:url(images/tradition.png); */} #index {background-image:url(images/irish-guard-bg.jpg);} #index p {font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; font-size:120%; } #index p.right {float:none; margin:20px auto;} #index .vote {float:right; margin:0 18px 10px 0;} /* Where the Heart Is ----------------------------------------------------*/ #heart .story-inner {width:87.23404255% /* 820/940 */; margin:0 auto;} #halls {float:right; margin:0 0 15px 5%;} #halls figcaption, #halls figcaption h4 {font-family:'Architects Daughter', "Helvetica Neue", Helvetica, Arial, cursive;} #regatta, #dillon-rally {overflow:hidden; margin:10px 0; padding:10px; border:1px solid #0e161d; font-size:90%; line-height:1.6em; font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 1px 0 0 #fff; -moz-box-shadow:inset 0 1px 0 0 #fff; box-shadow:inset 0 1px 1px 0 #fff; } #regatta {margin-top:20px; background:#233645 url(images/fisher-regatta.jpg) 0 0 no-repeat;} #regatta .trans {float:right; width:46.34146341% /* 380/820 */; padding:15px 15px 0;} #dillon-rally {margin-bottom:30px; background:#d0e2f6 url(images/dillon-pep-rally.jpg) left bottom no-repeat;} #dillon-rally .trans {overflow:hidden;} #dillon-rally blockquote {clear:both; float:right; width:40%; color:#333; font-size:110%; background-color:rgba(255,255,255,.92); font-family:'Architects Daughter', "Helvetica Neue", Helvetica, Arial, cursive; -webkit-box-shadow:inset 0 1px 0 0 #fff; -moz-box-shadow:inset 0 1px 0 0 #fff; box-shadow:inset 0 1px 0 0 #fff; } .ie7 #dillon-rally blockquote, .ie8 #dillon-rally blockquote {background-color:#fff;} .ie7 #regatta, .ie7 #dillon-rally, .ie8 #regatta, .ie8 #dillon-rally {width:800px; margin:10px auto;} #dillon-rally .right {width:378px; margin:5px 0 0 5%;} #heart blockquote.pull {float:right; width:29.16666667%; margin:0; padding:0 0 5% 5%; text-indent:-5%;} /* Grabbing a Bite ----------------------------------------------------*/ #bite {background:url(images/dining-hall-repeat-shadow.jpg) 0 0 repeat-x;} #bite .story {max-width:1200px; padding:0 0 56px; background:url(images/dining-hall.jpg) center top no-repeat;} #bite .story-inner {float:right; width:370px; margin:70px 80px 40px; padding:40px 70px 12px; background:url(images/frame-top.png) 0 0 no-repeat;} #bite #i-feel-really-bad-about-this {width:510px; height:42px; margin:0 -70px -42px; background:url(images/frame-bot.png) 0 bottom no-repeat;} #bite h2 {color:#e9ce6e;} #bite .skip, #bite .skip b {color:#fff;} #bite p {color:#fff; font-size:88%; font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;} /* Keeping the Faith ----------------------------------------------------*/ #faith {background:url(images/blue-band.png) 0 0 repeat-x, url(images/gray-bg-small.png) 0 0 repeat;} .ie7 #faith, .ie8 #faith {background:url(images/gray-bg-small.png) 0 0 repeat;} #faith .story {width:87.23404255% /* 820/940 */; margin:50px auto;} #faith .story-inner {overflow:hidden; position:relative; margin:10px 0; padding:1%; border:1px solid #0e161d; font-size:90%; line-height:1.6em; font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; background:#7c3d08 url(images/grotto.jpg) 0 0 no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 1px 0 0 #fff; -moz-box-shadow:inset 0 1px 0 0 #fff; box-shadow:inset 0 1px 0 0 #fff; } #faith header {margin:20px;} #faith .left {float:left; margin:0 1% 0 0; width:45%;} #faith .left img {border:1px solid #000;} #faith .trans {float:right; overflow:visible; width:45%; margin:0 0 20px;} #faith .captions {position:absolute; left:10px; bottom:10px; width:25%; padding:10px; font-size:80%;} #faith .bg {display:block;} /* In the Name of Fun ----------------------------------------------------*/ #fun {background:url(images/gold-band.png) 0 0 repeat-x, url(images/irish-guard-bg.jpg) 0 0 repeat;} .ie7 #fun, .ie8 #fun {background:url(images/irish-guard-bg.jpg) 0 0 repeat;} #fun .story {padding:40px 0;} #fun header {width:90%; margin:0 auto;} #fun h2 {color:#fff; text-shadow:none;} #fun .skip {color:#fff;} #fun p {padding:0; background:none;} #fun .trans {max-width:738px; margin:20px auto 10px; font-size:110%; font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;} #fun .intro {font-size:180%; line-height:1.5em;} #atg {float:right; width:310px; margin:-30px 0 2% 5%;} #atg li a {margin:0 10px 0 0;} #atg li:last-child a {margin:0;} #antostal {max-width:738px; margin:20px auto; padding:26px 36px 20px;} #antostal h3 {margin-top:0; font-weight:normal; color:#040737; text-shadow:0 1px #f8efd2;} #antostal p {color:#7A3A00; text-shadow:0 1px #f8efd2;} .snowball {margin:30px 0; line-height:1.6em;} /* Academically Speaking ----------------------------------------------------*/ #speaking {border:none; background:url(images/gray-dark.png) 0 0 repeat;} #speaking .story {max-width:820px; margin:0 auto; background:url(images/notebook.jpg) center 30px repeat-y;} #speaking .story-inner {width:100%;} #speaking header {padding:80px 20px 9px; background:url(images/notebook-top.jpg) center 0 no-repeat;} #speaking .skip b {color:#0b3d76;} #speaking .right {float:right; width:50%; margin:0 0 0 5%;} #speaking .story-content {margin:17px 57px; line-height:1.94em;} #speaking .story-content p {margin:0 0 28px;} #speaking blockquote {float:right; width:242px; margin:0; padding:0 20px 15px; font-size:90%; line-height:1.2em; background:url(images/sticky-bot.png) center bottom no-repeat;} #speaking blockquote p {margin:-2px -10px 0 !important; padding:10px 16px 8px; background:url(images/sticky-top.png) center top no-repeat;} #speaking blockquote footer {padding:0 16px 10px; text-align:right;} #speaking blockquote footer i {display:block;} .geekweek {padding:15px 10px; color:#fff; background:url("images/bluegrid.png") repeat scroll 0 0 transparent;} /* A Tradition of Giving ----------------------------------------------------*/ #giving {background:url(images/blue-band.png) 0 0 repeat-x, url(images/gray-bg-small.png) 0 0 repeat;} .ie7 #giving, .ie8 #giving {background:url(images/gray-bg-small.png) 0 0 repeat;} #giving .story-inner {width:87.23404255% /* 820/940 */; padding:30px 0 50px; background:none;} #bouts {overflow:hidden; margin:20px auto; padding:10px; border:1px solid #0e161d; font-size:90%; line-height:1.6em; font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; background:#050704 url(images/bengal-bouts.jpg) 0 0 no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 1px 0 0 #fff; -moz-box-shadow:inset 0 1px 0 0 #fff; box-shadow:inset 0 1px 0 0 #fff; } #bouts .trans {float:left; width:46.34146341% /* 380/820 */;} /* Good Sports ----------------------------------------------------*/ #sports {padding:20px 0 60px; color:#fff; background:url(images/gold-band.png) 0 0 repeat-x, url(images/gold-band.png) 0 bottom repeat-x, url(images/irish-guard-bg.jpg) 0 0 repeat;} .ie7 #sports, .ie8 #sports {background:url(images/irish-guard-bg.jpg) 0 0 repeat;} #sports .story {width:99.57446809% /* 936/940 */; margin:0 auto; padding:0 0 50px; background:rgba(0,0,0,0.7);} .ie7 #sports .story-inner, .ie8 #sports .story-inner {background-color:#000;} #sports .story-inner {padding-top:130px; background:url(images/sports-header.jpg) center top no-repeat;} #sports header {padding:2% 8.547008547%; background:url(images/bgtrans.png) 0 0 repeat;/* background:rgba(0,0,0,0.8); */} #sports header h2 {color:#fff; text-shadow:none;} #sports .skip, #sports .skip b {color:#fff;} #sports .story-content {width:70.51282051% /* 660/936 */; margin:0 auto;} #sports p {font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;} #sports a {color:#f5d56a;} #playerwalk {overflow:hidden; clear:both; margin:60px -14.74358974%; background:url(images/player-walk.jpg) center top no-repeat; -webkit-box-shadow:inset 0 1px 0 0 #fff; -moz-box-shadow:inset 0 1px 0 0 #fff; box-shadow:inset 0 1px 0 0 #fff; } #playerwalk .trans {float:right; width:40%; margin:60px 60px 30px;} figure.guard {width:51.2121%;} /* Love Thee, Notre Dame ----------------------------------------------------*/ #love {padding:60px 0; background:#31312f url(images/lake.jpg) center top no-repeat;} #love .story {width:91.4893617% /* 860/940 */; margin:0 auto;} #love header {margin:0 0 120px; padding:0; background:none;} #love h2 {color:#09376c;} #love .skip {color:#333;} #love .skip b {color:#09376c;} #love .left {clear:both; float:none; margin:20px auto;} } @media only screen and (min-width:960px) { .story-inner {max-width:940px;} #sherpind {display:block;} .no-js #wrapper {background:url(images/header-mud.jpg) center 52px no-repeat;} #header {background:none;} #header h2 a {max-width:940px; margin:0 auto;} #header h1 {height:310px; background-size:auto auto;} a.indepth {left:0; text-align:center;} #index .trans {float:left; width:360px;} /* Where the Heart Is ----------------------------------------------------*/ #heart {} #heart .story {padding:50px 0;} #heart .story-inner {max-width:820px;} .ie8 #heart .story-inner, .ie7 #heart .story-inner {width:800px;} #heart header {margin-bottom:20px;} #regatta, #dillon-rally {} /* Grabbing a Bite ----------------------------------------------------*/ /* Keeping the Faith ----------------------------------------------------*/ #faith .story {width:87.23404255% /* 820/940 */; max-width:816px; margin:50px auto;} #faith .bg {display:block;} /* In the Name of Fun ----------------------------------------------------*/ #fun header {max-width:800px;} /* Academically Speaking ----------------------------------------------------*/ .geekweek {max-width:720px;} /* A Tradition of Giving ----------------------------------------------------*/ #giving .story-inner {max-width:820px;} /* Good Sports ----------------------------------------------------*/ #sports .story {max-width:936px;} #sports .skip {color:#fff;} #sports .story-content {margin-bottom:60px; padding:40px 0;} #playerwalk {margin:60px -22%;} /* Love Thee, Notre Dame ----------------------------------------------------*/ #love {background-size:100% auto;} #love .story {max-width:860px;} #love header {padding:0 5%;} #love .trans {width:46%; margin:0;} #love .left {clear:none; float:left; margin:25px 5% 0 0;} /* Footer ----------------------------------------------------*/ #footer-inner { position:relative; max-width:940px; margin:0 auto; padding:20px 0 40px;} #mark { position:absolute; right:0; top:1em; } } @media only screen and (min-width:1200px) { #bgrot li, .no-js #wrapper {background-size:100% auto;} } /* iPhone4 and high pixel ratio devices ----------- */ @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {} /********************************************************************************************************* Print Styles *********************************************************************************************************/ @media print { iframe, .feature, .indepth, .skip, .storyid, .vote, .video, .youtube, .yt, #antostal, #archive, #halls, #sherpind, #skip-links {display:none;} body {font-family:Georgia, Times, "Times New Roman", serif;} * { background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important; } a, a:visited { color:#444 !important; text-decoration:underline; } abbr[title]:after { content:" (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } /* Don't show links for images, or javascript/internal links. */ pre, blockquote {width:90%; margin:15px auto; padding:0; page-break-inside:avoid; } thead { display:table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside:avoid; } @page { margin:0.5cm; } p, h2, h3 { orphans:3; widows:3; } h2, h3{ page-break-after:avoid; } #header {overflow:hidden; display:block; position:relative; width:100%; margin:10px 0; padding:10px 0; border-bottom:1px solid gray;} #header h2 {float:right; margin:0; padding:0; text-indent:-9999px; overflow:hidden;} #header h2 img {float:right; width:150px;} #header h1 {float:left; width:60%; margin:0; padding:0; font-size:140%;} #header h1 a {color:#fed755; text-decoration:none; line-height:1em; font-weight:normal;} .story-outer {clear:both;} .story a[href]:after { content:" (" attr(href) ")"; font-size:11px;} .geekweek img {float:right; margin:0 0 5% 5%;} #mark img {width:150px; margin-top:30px;} }