Skip to content
Snippets Groups Projects
Commit 0008b1cd authored by Kevin Reaver's avatar Kevin Reaver :bicyclist_tone1:
Browse files

Initial commit

parents
No related branches found
No related tags found
No related merge requests found
Expand all Hide whitespace changes
Inline Side-by-side
README.txt 0 → 100644
+ 116
− 0
View file @ 0008b1cd
README.txt instruction file
1. Log into webhosting via SSH, copy the source files, and change their ownerships ...
sudo cp -a /home/reaver.1a/webhosting_index_files/* /usr/local/webs/[accountID]/htdocs/. && sudo chown -R [accountID]:www /usr/local/webs/[accountID]/htdocs/*
This D/L's a basic, branded index.html file, its needed CSS files, and the OSU favicon.
==== Files downloaded ====
/webhosting_index_files/
|_ favicon.ico
|_ README.txt
|_ index.html
|_ /index_files/
|_ default.css
|_ findpeople.min.js
|_ osu_navbar-resp.css
|_ responsive.css
==========================
==== Index.html Contents=====
<!DOCTYPE html>
<!-- saved from url=(0040)https://directory.osu.edu/findpeople.php -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>OTDI Webhosting</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="https://www.osu.edu/assets/fonts/webfonts.css">
<link rel="stylesheet" type="text/css" href="https://www.osu.edu/assets/site/osu_navbar/css/osu_navbar-resp.css">
<link rel="stylesheet" type="text/css" href="./index_files/default.css">
</head>
<!--[if IE 7 ]> <body class="ie7 sidebar-layout"> <![endif]-->
<!--[if IE 8 ]> <body class="ie8 sidebar-layout"> <![endif]-->
<!--[if IE 9 ]> <body class="ie9 sidebar-layout"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><body class="sidebar-layout"><!--<![endif]-->
<!-- Begin OSU Navbar -->
<div role="navigation" id="osu_navbar" aria-labelledby="osu_navbar_heading">
<h2 id="osu_navbar_heading" class="osu-semantic">Ohio State nav bar</h2>
<a href="https://directory.osu.edu/findpeople.php#content" id="skip" class="osu-semantic">Skip to main content</a>
<div class="container">
<div class="univ_info">
<p class="univ_name"><a href="http://osu.edu/" title="The Ohio State University">The Ohio State University</a></p>
</div><!-- /univ_info -->
<div class="univ_links">
<div class="links">
<ul>
<li><a href="http://www.osu.edu/help.php" class="help">Help</a></li>
<li><a href="http://buckeyelink.osu.edu/" class="buckeyelink">BuckeyeLink</a></li>
<li><a href="http://www.osu.edu/map/" class="map">Map</a></li>
<li><a href="http://www.osu.edu/findpeople.php" class="findpeople">Find People</a></li>
<li><a href="https://email.osu.edu/" class="webmail">Webmail</a></li>
<li><a href="http://www.osu.edu/search/" class="search">Search Ohio State</a></li>
</ul>
</div><!-- /links -->
</div><!-- /univ_links -->
</div><!-- /container -->
</div><!-- /osu_navbar -->
<div id="page">
<div role="main">
<div id="header">
<div class="container">
<div id="header-text">
<h1><a title="Home" href="https://web.osu.edu/">Welcome to OTDI Web Hosting</a></h1>
<p class="subheading nomobile">Your new space is ready</p>
</div>
<div id="header-logo">
</div>
</div>
</div>
<div id="content" tabindex="-1">
<div class="container">
<div class="column first">
<h2 style="font-size:2.0em;">Now we just need content!</h2>
<p>This a temporary landing page for new OTDI Web Hosting Customers. Please replace this with page your own content ASAP.</p>
</div>
<div class="column last">
<h2>Useful Links</h2>
<h3>Campus Information</h3>
<ul>
<li><a href="https://directory.osu.edu/">Campus Directory</a></li>
<li><a href="http://www.osu.edu/map/">Campus Map</a></li>
<li><a href="http://www.campusparc.com/osu/visitors-patients/visitor-parking">Parking</a></li>
<li><a href="http://www.ps.ohio-state.edu/">Police & Safety</a></li>
</ul>
<h3>Academics</h3>
<ul>
<li><a href="http://www.osu.edu/academics/a-z.html">Colleges and Schools</a></li>
<li><a href="http://majors.osu.edu">Majors</a></li>
<li><a href="https://courses.osu.edu/psp/hcosuct/EMPLOYEE/HRMS/c/COMMUNITY_ACCESS.OSR_CAT_SRCH.GBL%22">Courses</a> (<a href="http://registrar.osu.edu/scheduling/SchedulingContent/2014_2015_course_bulletin.pdf">pdf</a>)</li>
<li><a href="http://undergrad.osu.edu/apply/index.html">Apply to OSU</a></li>
</ul>
</div>
</div>
<div id="results">
</div>
</div>
</div>
<div id="footer" role="contentinfo">
<div class="container">
<div id="footer-logo">
</div>
<div id="footer-content">
<p>Page maintained by the <a href=https://web.osu.edu/>Web Hosting Group</a> at OSU's <a href=https://it.osu.edu/>Office of Technology & Digital Innovation (OTDI)</a></span></p>
</div>
</div>
</div>
</div>
</body></html>
===========================
favicon.ico 0 → 100644
+ 0
− 0
View file @ 0008b1cd
favicon.ico

1.12 KiB

index.html 0 → 100644
+ 91
− 0
View file @ 0008b1cd
<!DOCTYPE html>
<!-- saved from url=(0040)https://directory.osu.edu/findpeople.php -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>OTDI Webhosting</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="https://www.osu.edu/assets/fonts/webfonts.css">
<link rel="stylesheet" type="text/css" href="https://www.osu.edu/assets/site/osu_navbar/css/osu_navbar-resp.css">
<link rel="stylesheet" type="text/css" href="./index_files/default.css">
</head>
<!--[if IE 7 ]> <body class="ie7 sidebar-layout"> <![endif]-->
<!--[if IE 8 ]> <body class="ie8 sidebar-layout"> <![endif]-->
<!--[if IE 9 ]> <body class="ie9 sidebar-layout"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><body class="sidebar-layout"><!--<![endif]-->
<!-- Begin OSU Navbar -->
<div role="navigation" id="osu_navbar" aria-labelledby="osu_navbar_heading">
<h2 id="osu_navbar_heading" class="osu-semantic">Ohio State nav bar</h2>
<a href="https://directory.osu.edu/findpeople.php#content" id="skip" class="osu-semantic">Skip to main content</a>
<div class="container">
<div class="univ_info">
<p class="univ_name"><a href="https://osu.edu/" title="The Ohio State University">The Ohio State University</a></p>
</div><!-- /univ_info -->
<div class="univ_links">
<div class="links">
<ul>
<li><a href="https://www.osu.edu/help.php" class="help">Help</a></li>
<li><a href="https://buckeyelink.osu.edu/" class="buckeyelink">BuckeyeLink</a></li>
<li><a href="https://www.osu.edu/map/" class="map">Map</a></li>
<li><a href="https://www.osu.edu/findpeople.php" class="findpeople">Find People</a></li>
<li><a href="https://email.osu.edu/" class="webmail">Webmail</a></li>
<li><a href="https://www.osu.edu/search/" class="search">Search Ohio State</a></li>
</ul>
</div><!-- /links -->
</div><!-- /univ_links -->
</div><!-- /container -->
</div><!-- /osu_navbar -->
<div id="page">
<div role="main">
<div id="header">
<div class="container">
<div id="header-text">
<h1><a title="Home" href="https://web.osu.edu/">Welcome to OTDI Web Hosting</a></h1>
<p class="subheading nomobile">Your new space is ready</p>
</div>
<div id="header-logo">
</div>
</div>
</div>
<div id="content" tabindex="-1">
<div class="container">
<div class="column first">
<h2 style="font-size:2.0em;">Now we just need content!</h2>
<p>This a temporary landing page for new OTDI Web Hosting Customers. Please replace this page with your own content.</p>
</div>
<div class="column last">
<h2>Useful Links</h2>
<h3>Campus Information</h3>
<ul>
<li><a href="https://directory.osu.edu/">Campus Directory</a></li>
<li><a href="https://www.osu.edu/map/">Campus Map</a></li>
<li><a href="https://osu.campusparc.com/">Parking</a></li>
<li><a href="https://dps.osu.edu/">Police & Safety</a></li>
</ul>
<h3>Academics</h3>
<ul>
<li><a href="https://www.osu.edu/academics/a-z.html">Colleges and Schools</a></li>
<li><a href="https://majors.osu.edu">Majors</a></li>
<li><a href="https://courses.osu.edu/psp/csosuct/EMPLOYEE/PUB/c/COMMUNITY_ACCESS.OSR_CAT_SRCH.GBL">Courses</a> (<a href="https://registrar.osu.edu/courses/index.asp">Schedule</a>)</li>
<li><a href="https://undergrad.osu.edu/">Apply to OSU</a></li>
</ul>
</div>
</div>
<div id="results">
</div>
</div>
</div>
<div id="footer" role="contentinfo">
<div class="container">
<div id="footer-logo">
</div>
<div id="footer-content">
<p>Page maintained by the <a href=https://web.osu.edu/>Web Hosting Group</a> at OSU's <a href=https://it.osu.edu/>Office of Technology & Digital Innovation (OTDI)</a></span></p>
</div>
</div>
</div>
</div>
</body></html>
index_files/default.css 0 → 100644
+ 0
− 0
View file @ 0008b1cd
This diff is collapsed.
index_files/findpeople.min.js 0 → 100644
+ 2
− 0
View file @ 0008b1cd
$(function(){function a(a){return a.offset().top+a.height()>$(window).scrollTop()+$(window).height()}function b(a,b){b=b||0,$("html,body").animate({scrollTop:a.offset().top-b},e())}function c(a,b){var c="false"==a.attr(b)?!0:!1;a.attr(b,c)}function d(){return $(window).width()<720}function e(){return d()?100:300}$("input:text").each(function(){$(this).val().length||$(this).val(localStorage[this.id])}).placeholder(),$(localStorage["fieldset-radio"]).prop("checked",!0),localStorage.clear(),$(".notification").focus(),$("#results-table").stickyTableHeaders(),(inputOrg=$("form").find("input#org"))&&$.getJSON("rpc.php",function(a){inputOrg.autocomplete({source:function(b,c){var d=$.map(a,function(a){return 0===a.toUpperCase().indexOf(b.term.toUpperCase())?a:void 0});c(d)},focus:function(){var c=$(this).data("uiAutocomplete").menu.element.find("a.ui-state-focus")[0].id;$("#org").attr("aria-activedescendant",c)},appendTo:$("#org-autocomplete")})}),$.ui.autocomplete.prototype._renderItem=function(a,b){var c=this.term.split(" ").join("|"),d=new RegExp("(^"+c+")","gi"),e=b.label.replace(d,"<span class='autocomplete-match'>$1</span>");return $("<li></li>").data("item.autocomplete",b).append("<a>"+e+"</a>").appendTo(a)},$("form").find("input.form-reset").click(function(){var a=$(this).closest("form");a.find("input:text, input:password, input:file, select, textarea").val(""),a.find("input:checkbox, input:radio").prop("checked",!1),a.find("input:radio:first").prop("checked",!0)}),$(".link").keypress(function(a){13==a.which&&$(this).click()}),$("#results-table").find(".link.results-name").click(function(){var g=$(this),h=g.closest("tr"),i=h.next(".record-details");c(g,"aria-expanded"),c(i,"aria-hidden"),h.toggleClass("record-expanded"),h.toggleClass("record-collapsed"),h.siblings(".record-data.record-expanded").removeClass("record-expanded").addClass("record-collapsed").find(".results-name").attr("aria-expanded","false").find(".off-left").html("(Click to show details)"),i.siblings(".record-details").find(".detail-table:visible").stop().slideUp(e()).attr("aria-hidden","true"),i.find(".detail-table").stop().slideToggle(e(),function(){if(h.hasClass("record-expanded")){var c=i.height()+h.height(),e=$(window).height(),f=$("#results-table .results_label").height();d()||c+f>e?b(h,f):a(i)&&b(h,e-c),g.find(".off-left").html("(Click to hide details)")}else g.find(".off-left").html("(Click to show details)")})}),$("div.column.last").find(".sidebar-title").click(function(){var f=$(this),g=f.closest("li"),h=f.next(".sidebar-content"),i=g.siblings(".expand");c(f,"aria-expanded"),c(h,"aria-hidden"),i.find(".sidebar-title").attr("aria-expanded","false"),i.find(".sidebar-content").stop().slideUp(e()).attr("aria-hidden","true"),h.stop().slideToggle(e(),function(){if("true"==f.attr("aria-expanded")){var c=g.height(),e=$(window).height();d()||c>e?b(g):a(g)&&b(g,e-c)}})}),$("#search-type-toggle").click(function(){$("input:text").each(function(){$(this).val().length&&(localStorage[this.id]=$(this).val())}),localStorage["fieldset-radio"]="#"+$("#myform input[type='radio']:checked")[0].id,localStorage.results=$(".record-data").length}),$("#results-table").find("a").focus(function(){var a=$(this).closest("tr"),c=$(".results_label").height();$("thead.tableFloatingHeader").is(":visible")&&$(window).scrollTop()+c>a.offset().top&&b(a,c)}),$("td.detail_print .link").click(function(){$("body").addClass("print-single").each(function(){window.print()}).removeClass("print-single")})});
\ No newline at end of file
index_files/osu_navbar-resp.css 0 → 100644
+ 107
− 0
View file @ 0008b1cd
/* CSS reset - comment out if already using a reset */
html, body, div, span, p, a, img, ul, li {margin:0;padding:0;border:0;}
#osu_navbar .container {width:960px; margin: 0 auto;}
/* OSU Navbar styles */
.osu-semantic {position: absolute; left: 0; top: -500px; width: 1px; height: 1px; overflow: hidden;}
a.osu-semantic:active, a.osu-semantic:focus {position: absolute; left:0; top:0; overflow:visible; font-family:'proximanova',Arial,sans-serif;}
a#skip:active, a#skip:focus
{position:absolute; top:0; left:25%; width:50%; text-align:center; padding:0.5em 0 1.5em 0; display:block; color:#fff; z-index:999999999999999999; text-decoration:none; background:#666; background:rgba(0,0,0,0.8); border:1px dotted #ccc; border-top:none; border-radius:0 0 6px 6px;}
a#skip:active:hover, a#skip:focus:hover {background:#b00; background:rgba(187,0,0,0.8);}
#osu_navbar {clear:both; margin:0; padding:0; background: #eaeaea url(../images/bg-navbar_red.jpg) left bottom repeat-x; overflow:hidden;}
#osu_navbar * {font-family:'proximanova','Helvetica Neue', Helvetica, Arial, sans-serif; font-size:13px;line-height:1.5; font-weight:400;}
/* University info */
#osu_navbar p {margin:0; padding:0;}
#osu_navbar .univ_info {float:left; padding: .9em 0 1em 0 ;}
#osu_navbar .univ_links {float:right; clear:none; padding: 1em 0 0; margin-top:-3px;}
#osu_navbar .univ_name a {height:16px; width:80px; display:block; text-indent:-9999px; background: url(../images/osu_name.png) 0 0 no-repeat; margin-left:5px;}
/* Links */
#osu_navbar div.links {float:left; margin-bottom:10px;}
#osu_navbar div.links ul {margin:0;}
#osu_navbar div.links ul li {list-style:none; float:left; margin-left:1em;}
#osu_navbar div.links ul li a {color:#333; text-decoration: none;}
#osu_navbar div.links ul li a:hover, #osu_navbar div.links ul li a:focus {text-decoration: underline;}
.osu-semantic {position:absolute; left:-9999px;}
/* --------------------------
Responsive
--------------------------
Must include: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> in the <head> of the html file
*/
/* Switch Navbar container from fixed 960px centered to full-width */
@media only screen and (max-width: 990px) {
#osu_navbar .container {width:100%; margin:0 10px; min-width:300px;} /* Make container full width */
#osu_navbar div.container .univ_name a {margin-left:10px;}
#osu_navbar div.links ul {margin-right:15px;}
#osu_navbar div.links ul li {margin-left:0em; margin-right: 1em;}
}
/* Replace text links with icons when space runs out at 720px*/
@media only screen and (max-width: 720px) {
#osu_navbar div.links ul {margin-top:-2px; margin-right:1.3em;}
#osu_navbar div.links ul li {list-style:none; float:left; margin-right:.5em;}
#osu_navbar div.links ul li a {height:23px; width:23px; display:block; overflow:hidden; text-indent:-999px;}
#osu_navbar div.links ul li a:hover {text-decoration: none;}
#osu_navbar div.links ul li a.help {background:url(../images/resp-help.png) 0 0 no-repeat;}
#osu_navbar div.links ul li a.buckeyelink {background:url(../images/resp-buckeyelink.png) 0 0 no-repeat;}
#osu_navbar div.links ul li a.map {background:url(../images/resp-map.png) 0 0 no-repeat;}
#osu_navbar div.links ul li a.findpeople {background:url(../images/resp-findpeople.png) 0 0 no-repeat;}
#osu_navbar div.links ul li a.webmail {background:url(../images/resp-webmail.png) 0 0 no-repeat;}
#osu_navbar div.links ul li a.search {background:url(../images/resp-search.png) 0 0 no-repeat;}
#osu_navbar div.container .univ_name a {margin-left:4px;}
/* Hide search box */
#osu_navbar div.search {display:none;}
}
/* Shrink tOSU name when space runs out at 480px */
/*
@media only screen and (max-width: 480px) {
#osu_navbar .univ_name a {height:16px; width:85px; display:block; text-indent:-9999px; overflow:hidden; background: url(../images/osu_name.png) -30px 0 no-repeat;}
}
*/
/* Retina icons */
@media only screen and (max-width: 700px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 700px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 700px) and (-o-min-device-pixel-ratio: 2/1),
only screen and (max-width: 700px) and (min-device-pixel-ratio: 2) {
#osu_navbar .univ_name a {background-image: url(../images/osu_name@2x.png) !important;
/* scale name background size */
/* -webkit-background-size: 100px 16px; -moz-background-size: 100px 16px; */ background-size: contain;}
#osu_navbar div.links ul li a.help {background-image:url(../images/resp-help@2x.png) !important;}
#osu_navbar div.links ul li a.buckeyelink {background-image:url(../images/resp-buckeyelink@2x.png) !important;}
#osu_navbar div.links ul li a.map {background-image:url(../images/resp-map@2x.png) !important;}
#osu_navbar div.links ul li a.findpeople {background-image:url(../images/resp-findpeople@2x.png) !important;}
#osu_navbar div.links ul li a.webmail {background-image:url(../images/resp-webmail@2x.png) !important;}
#osu_navbar div.links ul li a.search {background-image:url(../images/resp-search@2x.png) !important;}
/* scale icon background size */
#osu_navbar div.links ul li a.help,
#osu_navbar div.links ul li a.buckeyelink,
#osu_navbar div.links ul li a.map,
#osu_navbar div.links ul li a.findpeople,
#osu_navbar div.links ul li a.webmail,
#osu_navbar div.links ul li a.search { -webkit-background-size: 23px; -moz-background-size: 23px; background-size: 23px;}
}
/* Full tOSU name for iPhone 4 horiz */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px) {
/* #osu_navbar .univ_name a {width:220px !important;} */
}
/* Shorten tOSU name for iPhone 4 vert */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px) and (orientation: portrait) {
/* #osu_navbar .univ_name a {width:95px !important;} */
}
\ No newline at end of file
index_files/responsive.css 0 → 100644
+ 576
− 0
View file @ 0008b1cd
/* Mobile layout, large screens*/
@media only screen and (max-width: 990px) {
body {
overflow-x: hidden;
min-width: 100%;
}
.nomobile-med {
display: none;
}
#header-text {
font-size: .9em;
}
#page div.container {
width: 100%;
padding: 20px;
}
#page #banner .container,
#page #results_box > .container {
padding: 0 1em;
}
#page #banner img {
width: 100%;
background-color: #fff;
}
body.sidebar-layout #page #content {
background: url("../images/bg-content-narrow.jpg") repeat-y scroll right top transparent;
}
.sidebar-layout #content .column.first {
padding-right: 20px;
display: table-cell;
float: none;
max-width: 100%;
width: 100%;
}
.sidebar-layout #content .column.last {
padding-left: 20px;
width: 275px;
}
#content .content-bg {
display: none;
}
fieldset input[type='radio'] + label {
padding: 0.7em 10% 0.5em 27%;
}
.fieldset-text input {
width: 65%;
}
.fieldset-text label {
width: 33.5%;
}
fieldset.fieldset-radio li {
width: 33.1%;
}
}
/* Mobile layout, medium screens*/
@media only screen and (max-width: 760px) {
h1 {
font-size: 2.5em;
margin: 0;
}
small {
font-size: 14px;
}
fieldset {
padding: 0.8em 1em 0.5em;
margin-top: 0.25em;
}
fieldset:first-child {
padding-top: .8em;
}
fieldset:last-child {
margin-bottom: 0;
}
fieldset legend {
left: .8em;
font-size: 1em;
}
form {
margin-bottom: .25em;
}
#content a,
.sidebar-title {
display: block;
}
#content .notification {
margin-bottom: .9em;
}
#content #resultsinfo {
padding: 0;
}
#content .fieldset-text li {
padding: 0;
margin-right: 0;
display: block;
margin-top: 0;
}
#content ul {
float: none;
}
#content .fieldset-text input {
width: 100%;
margin: 0;
}
#content .fieldset-radio ul {
display: table;
width: 100%;
margin: 0.4em 0 0.7em 0;
}
#content .fieldset-radio li {
display: table-cell;
padding: 0;
width: 33%;
text-align: center;
}
#content fieldset.fieldset-radio li {
float: none;
}
#content fieldset input[type='radio'] {
left: -9999em;
}
#content fieldset input[type='radio'] + label {
padding: 0.7em 15px 0.5em;
margin-right: 0;
display: block;
}
#content fieldset li:last-child input[type='radio'] + label {
border-left: 0;
}
#content fieldset ul .mobile-visible {
display: inline-block;
}
#content .button-cell {
display: table-cell;
width: 50%;
float: none;
}
#content .buttons {
display: table;
width: 100%;
}
#content .buttons input {
width: 100%;
padding: 0.7em;
font-size: 1.2em;
}
#content .buttons .button-cell:first-child {
padding-right: 0.5em;
}
#content .buttons .button-cell:last-child {
padding-left: 0.5em;
}
#header-logo {
display: none;
}
#header-text {
font-size: .9em;
margin-top: 0;
}
#header h1 {
margin-top: 0;
}
#content p.subheading {
margin: 15px 0;
}
#content .container, #content .column.first, #content .column.last {
display: block;
}
body #page div.container {
padding: 1em;
}
#page #content div.container {
width: auto;
float: none;
padding: 0px 20px;
}
body.sidebar-layout #page #content div.container {
padding: 0;
}
#page #banner, #content .buckeyebox-logo {
display:none;
}
body.sidebar-layout #page #content {
background: #fdfdfd;
}
#content p {
margin: 15px 0;
}
#content .column.first,
#content .column.last,
.sidebar-layout #content .column.first,
.sidebar-layout #content .column.last {
width: auto;
float: none;
margin: 0;
}
.sidebar-layout #content .column {
border-bottom: 1px solid #ccc;
}
.sidebar-layout #content .column.first {
padding: 1em;
margin: 0;
border-bottom: 1px solid #ccc;
display: block;
}
.sidebar-layout #content .column.last {
margin: 0;
background-color: #efefef;
padding: 1em;
box-shadow: inset 0px 20px 20px -20px rgba(0, 0, 0, 0.05);
display: block;
}
#content .content-bg {
display: block;
}
#page #content .featured-content {
width: auto;
padding: 20px 0;
border-width: 0 0 1px 0;
}
#page #content .featured-content h2 {
margin: 15px 0;
float: left;
width: 40%;
}
#page #content .featured-content h3 {
float: left;
width: 60%;
margin: 5px 0;
}
#page #content .featured-content h3 a {
display: block;
}
.note img {
margin: 7px 10px 10px 0;
}
#results-table tr.results_label th,
#results-table tr.record-data td {
display: none;
}
#results-table .detail-table,
#results-table td {
border-left: 0;
border-right: 0 none;
}
#results #results-table tr.record-data td.record-data-vcard,
#results #results-table tr.record-data th.record-data-name {
display: table-cell;
position: relative;
height: auto;
width: auto;
left: 0;
}
#results #results-table tr.record-data th.record-data-name {
width: 100%;
}
#results #results-table tr.record-data td.results-vcard {
float: left;
position: relative;
z-index: 900;
}
#results #results-table tr.record-data th .results-name {
width: 100%;
position: relative;
z-index: 800;
display: block;
}
tr.record-collapsed:hover td,
tr.record-collapsed:hover th {
background-color: #fff;
}
#page #buttons li a:hover,
#page .button a:hover {
background-color: #880000;
background-image: none;
border: 1px solid #330000 ;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset;
}
#footer p {
margin-top: 1em;
}
}
/* Mobile layout, small screens*/
@media only screen and (max-width: 560px) {
.mobile-visible {
display: inherit;
}
.mobile-hidden {
display: none;
}
.mobile-block, .mobile-only {
display: block;
}
h1 {
font-size: 1.8em;
}
#content .notification {
margin-bottom: 0;
border-radius: 0;
border-width: 0 0 1px 0;
}
#content #resultsinfo {
padding: 0;
}
#content fieldset {
margin: 0;
border-width: 0;
border-radius: 0;
padding: 0.5em 1em;
}
#content fieldset:first-child {
padding-bottom: 0.1em;
padding-top: 0.8em;
}
#content fieldset legend {
left: -9999em;
padding: 0;
margin: 0;
height: 1px;
width: 1px;
position: absolute;
}
#content .fieldset-radio ul {
margin: 0;
}
.sidebar-layout #content .column.first {
padding: 0;
}
.sidebar-layout #content .column.first form .buttons {
padding: 1em 1em 1.4em;
background-color: #f3f3f3;
}
.sidebar-layout #content .column.first form,
.sidebar-layout #content .column.first form .buttons input {
margin: 0;
}
#content .buttons .button-cell:first-child {
padding-right: .8em;
}
#content .buttons .button-cell:last-child {
padding-left: .8em;
}
#content .fieldset-text li {
margin-top: 0;
}
#header h1 {
margin: 0;
}
#page .inline-list {
margin: 20px 0 10px 0;
}
#page .inline-list li {
display: block;
margin-left: 10px;
}
#header #buttons {
margin-top: 1em
width: 100%;
}
#header #buttons li{
width: 49%;
}
#header #buttons li.login a {
margin: 0;
}
#header #buttons li.signup a {
margin-left: 15px;
}
#header #buttons li.signup{
float: right;
}
#content .content-bg {
display: none;
}
.nomobile {
position: absolute;
left: -9999em;
width: 1px
}
#page #content .featured-content {
margin: 0;
float: none;
padding: 0 0 10px 0;
}
#page #content .featured-content h2,
#page #content .featured-content h3 {
float: none;
margin: 10px 0;
width: auto;
}
#page #content div.container {
padding: 1px 10px;
}
#page #content .note {
padding-top: 15px;
}
.detail-table table td {
width: 100%;
display: block;
}
tr.record-details .detail-table {
padding: 0;
}
tr.record-details .detail-table table {
border-radius: 0;
border-width: 1px 0 0 0 ;
}
#resultsinfo {
padding: .8em;
}
tr.record-details .detail-table td {
padding: 1em 1em 0 1em;
}
tr.record-details .detail-table tr:last-child td:last-child {
padding: 1em;
}
.detail_print .link {
float: none;
}
}
/* Retina icons */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2) {
#content .notification.error {
background-image: url('../images/dialog-error@2x.png');
background-size: 20px 20px;
}
#content .notification.warning {
background-image: url('../images/dialog-important@2x.png');
background-size: 20px 20px;
}
#content .notification.success {
background-image: url('../images/dialog-success@2x.png');
background-size: 20px 20px;
}
#header-logo .osu-logo {
background-image: url('../images/osu-web-header-stacked@2x.png');
}
#footer-logo .osu-logo {
background-image: url('../images/osu-web-footer@2x.png');
}
.results-vcard {
background-image: url('../images/icon-vcard@2x.png');
}
.results-vcard:hover {
background-image: url('../images/icon-vcard-active@2x.png');
}
.detail_print .link {
background-image: url("../images/icon-print@2x.png");
}
.detail_print .link:hover {
background-image: url("../images/icon-print-active@2x.png");
}
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment