Difference between revisions of "Template:Lund/CSS"

Line 1: Line 1:
<html>
 
<style>
 
 
 
/* Clear the default wiki settings */
 
/* Clear the default wiki settings */
 
 
Line 231: Line 228:
 
   vertical-align: middle;
 
   vertical-align: middle;
 
}
 
}
 
 
</html>
 
</style>
 

Revision as of 14:16, 26 September 2018

/* Clear the default wiki settings */

#home_logo, #sideMenu { display:none; } #sideMenu, #top_title, .patrollink {display:none;} #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} body {background-color:white; } #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } #bodyContent a[href ^="https://"] { padding-right: 0px; } #bodyContent p { margin: 0;}


/* basic modern patch */

  1. reset-this-root {
   p h1 : initial;
   p h1  {
       all: revert;
   }

}


/* =Reset

*/

/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

   border: 0;
   font-family: inherit;
   font-size: 100%;
   font-style: inherit;
   font-weight: inherit;
   margin: 0;
   outline: 0;
   padding: 0;
   vertical-align: baseline;

} html {

   font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
   overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
   -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
   -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

} body {

   background: #fff;

} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {

   display: block;

} ol, ul {

   list-style: none;

} table { /* tables still need 'cellspacing="0"' in the markup */

   border-collapse: separate;
   border-spacing: 0;

} caption, th, td {

   font-weight: normal;
   text-align: left;

} blockquote:before, blockquote:after, q:before, q:after {

   content: "";

} blockquote, q {

   quotes: "" "";

} a:focus {

   outline: thin dotted;

} a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */

   outline: 0;

} a img {

   border: 0;

}

  • /


body {

 margin: 0;
 padding: 0;
 background: linear-gradient(to bottom right, #4C63AE, #88FFFF);
 background-attachment: fixed;
 font-family: 'Source Sans Pro', sans-serif;

}

p {

 color: #777;

}

/******************** HEADER ********************/ /* Header navigation */

  1. nav-wrapper {
 width: 1200px;
 margin: 0 auto;

}

nav {

 width: 100%;

}

nav a {

 display: inline-block;
 padding: 15px;
 color: rgba(255, 255, 255, 0.60);
 text-decoration: none;
 -webkit-transition: all 0.1s;
 -moz-transition: all 0.1s;
 -o-transition: all 0.1s;
 transition: all 0.1s;

}

nav a:hover {

 color: #fff;

}

nav img {

 width: 100px;

}

a.nav-active {

 border-bottom: 1px solid #fff;
 color: #fff;

}

.navbar-links {

 float: right;

}

/* Header image */ .header-content {

 margin: 0 auto;
 padding: 100px;
 text-align: center;

}

.header-content img {

 height: 500px;

}

/* Bottom to content */ .scroll-to-content {

 display: block;
 margin: 0 auto;
 text-align: center;

}

.scroll-to-content a {

 color: rgba(255, 255, 255, 0.60);
 font-size: 60px;

}

.scroll-to-content a:hover {

 color: #fff;

}

/******************** CONTENT ********************/ /* Page content */ .page-content {

 padding: 100px 0;
 width: 100%;
 background-color: #fff;
 font-size: 18px;

}

.home-wrapper {

 width: 1200px;
 margin: 0 auto;

}

/* References */ .references {

 border-left: 1px solid #4C63AE;
 padding-left: 15px;
 font-size: 14px;

}

.references p {

 margin: 0.5em;

}

/******************** FOOTER ********************/

  1. footer-wrapper {
 width: 1200px;
 margin: 0 auto;

}

footer {

 display: block;
 width: 100%;
 background-color: #222;
 color: #fff;

}

footer p {

 margin: 0;
 padding: 20px;

}

/* Sponsors */ .sponsors {

 margin: 0 auto;
 padding: 50px;
 background-color: #333;
 text-align: center;

}

.sponsors img {

 display: inline-block;
 margin: 0 50px;
 vertical-align: middle;

}