Difference between revisions of "Template:Lund/CSS"

 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
 +
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
  
 
/* Clear the default wiki settings */
 
/* 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;}
 
  
 +
#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:blue; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; background-color: none;}
  
 +
#top_menu_under, #top_menu_14, #top_menu_14 *, {
 +
  -webkit-box-sizing: content-box;
 +
  -moz-box-sizing: content-box;
 +
  box-sizing: content-box;
 +
}
  
−
/* basic modern patch */
+
#content {
 +
  margin-top: 0 !important;
 +
}
  
−
#reset-this-root {
+
#globalWrapper {
−
    p h1 : initial;
+
  padding-bottom: 0 !important;
−
    p h1  {
+
−
        all: revert;
+
−
    }
+
 
}
 
}
  
 +
h1, h2, h3, h4, h5, h6 {
 +
  border-bottom: 0;
 +
  padding-top: 0;
 +
  padding-bottom: 0;
 +
}
  
−
/* =Reset
+
p {
−
-------------------------------------------------------------- */
+
  font-family: inherit;
−
+
  font-size: inherit;
−
/* html, body, div, span, applet, object, iframe,
+
  text-align: inherit;
−
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
  line-height: inherit;
−
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 */
+
li {
−
    overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
+
  margin-bottom: 0;
−
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
+
  line-height: inherit;
−
    -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
+
 
}
 
}
−
body {
+
 
−
     background: #fff;
+
ul {
 +
  list-style-image: none;
 +
  list-style-type: disc;
 +
  ul {
 +
     list-style-type: circle;
 +
  }
 +
  margin: 0 1em;
 +
  &.nav {
 +
    margin: 0;
 +
  }
 
}
 
}
−
article,
+
 
−
aside,
+
#bodyContent a[href ^="https://"], .link-https {
−
details,
+
  padding-right: 0;
−
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;
+
#mw-content-text > p {
−
    border-spacing: 0;
+
  &:first-child, &:last-child {
−
}
+
     display: none;
−
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 {
 
body {
 +
  height: 100%;
 +
  width: 100%;
 
   margin: 0;
 
   margin: 0;
 
   padding: 0;
 
   padding: 0;
−
  background: linear-gradient(to bottom right, #4C63AE, #88FFFF);
 
−
  background-attachment: fixed;
 
 
   font-family: 'Source Sans Pro', sans-serif;
 
   font-family: 'Source Sans Pro', sans-serif;
 
}
 
}
Line 110: Line 81:
  
 
/******************** HEADER ********************/
 
/******************** HEADER ********************/
−
/* Header navigation */
+
 
 +
header {
 +
  background: linear-gradient(to bottom right, #4C63AE, #88FFFF);
 +
  background-attachment: fixed;
 +
  height: 200px;
 +
}
 +
/* Navigation */
 
#nav-wrapper {
 
#nav-wrapper {
 
   width: 1200px;
 
   width: 1200px;
Line 151: Line 128:
 
.header-content {
 
.header-content {
 
   margin: 0 auto;
 
   margin: 0 auto;
−
   padding: 100px;
+
   padding: 150px;
 
   text-align: center;
 
   text-align: center;
 
}
 
}
Line 181: Line 158:
 
   width: 100%;
 
   width: 100%;
 
   background-color: #fff;
 
   background-color: #fff;
−
   font-size: 18px;
+
   font-size: 20px;
 
}
 
}
  
Line 192: Line 169:
 
.references {
 
.references {
 
   border-left: 1px solid #4C63AE;
 
   border-left: 1px solid #4C63AE;
−
   padding-left: 15px;
+
   padding: 20px 20px 20px 30px;
 +
  background-color: #f7f7f7;
 
   font-size: 14px;
 
   font-size: 14px;
 
}
 
}
Line 201: Line 179:
  
 
/******************** FOOTER ********************/
 
/******************** FOOTER ********************/
−
#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 */
 
.sponsors {
 
.sponsors {
Line 232: Line 193:
 
}
 
}
  
 +
/* Footer */
 +
footer {
 +
  display: block;
 +
  width: 100%;
 +
  background-color: #222;
 +
  color: #fff;
 +
}
  
−
</html>
+
#footer-wrapper {
 +
  width: 1200px;
 +
  margin: 0 auto;
 +
}
 +
 
 +
footer p {
 +
  margin: 0;
 +
  padding: 20px;
 +
}
 
</style>
 
</style>
 +
</html>

Latest revision as of 19:33, 26 September 2018