Difference between revisions of "Template:Team:Paris Saclay/css"

m
m
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html><style type="text/css">
 
<html><style type="text/css">
−
@import url(https://fonts.googleapis.com/css?family=Roboto:300,700,300italic);
+
body{background: url(http://www.igem-paris-saclay.u-psud.fr/wordpress/wp-content/uploads/2015/03/bg.gif);margin:0;font-size:11pt;line-height:18pt;position: relative;overflow-y: scroll;}
−
body{background: url(http://www.igem-paris-saclay.u-psud.fr/wordpress/wp-content/uploads/2015/03/bg.gif); font-family: 'Roboto', 'Helvetica', sans-serif;margin:0;font-size:12pt;line-height:18pt;position: relative;overflow-y: scroll;}
+
#globalWrapper{font-size: 100%;padding:0;}
−
#globalWraper{font-size: 100%;padding:0;}
+
 
#content{padding: 0px;border: 0px none;max-width: 100vw;margin: 18px auto;width:100%; color:black;line-height: 18pt;margin-bottom: 0;}
 
#content{padding: 0px;border: 0px none;max-width: 100vw;margin: 18px auto;width:100%; color:black;line-height: 18pt;margin-bottom: 0;}
−
<!--background: initial-->
 
 
#bodyContent{background-size: 100%;width: 100%;}
 
#bodyContent{background-size: 100%;width: 100%;}
 
#bodyContent p, #bodyContent table {font-size: 11pt;}
 
#bodyContent p, #bodyContent table {font-size: 11pt;}
Line 21: Line 19:
 
.row {overflow: hidden;}
 
.row {overflow: hidden;}
 
.highlight{color:purple}
 
.highlight{color:purple}
 +
#main > ul { margin-top: 0 !important; margin-bottom: 10px !important;}
  
 
#toc h1 {font-size: 14pt;}
 
#toc h1 {font-size: 14pt;}
Line 33: Line 32:
  
 
/* SUB-MENU */
 
/* SUB-MENU */
−
div#toc.toc.affix {position:fixed; width: 19%; top:95px;}
+
div#toc.toc.affix {position:fixed; width: 19%; top:60px;}
 
div#toc.toc.affix-bottom {position:relative;}
 
div#toc.toc.affix-bottom {position:relative;}
  
Line 58: Line 57:
 
.photoprofil{float:left;width: 116px;margin-right: 10px;}
 
.photoprofil{float:left;width: 116px;margin-right: 10px;}
  
−
h1, h2, h3, h4, h5, h6 {padding: 4px 5px; color:purple; clear:both; font-variant: small-caps; font-weight: normal; border:0;}
+
h1, h2, h3, h4, h5, h6 {color:purple; clear:both; font-variant: small-caps; font-weight: normal; border:0; padding: 0; margin:0;}
 +
h1 {text-align: center; margin-top: 1em;}
 +
h2 {padding-left: 1em; margin-top: .7em;}
 +
h3 {padding-left: 2em; margin-top: .5em;}
 +
h4 {padding-left: 1em;}
 
h4, h5, h6 {background: initial; font-weight: bold;}
 
h4, h5, h6 {background: initial; font-weight: bold;}
−
h4 {padding-left: 2em; margin-top: 1em;}
 
 
h5 {padding-left: 4em;}
 
h5 {padding-left: 4em;}
 
h6 {padding-left: 6em;}
 
h6 {padding-left: 6em;}
 
hr {clear:both; border:0; margin:0;background: none;}
 
hr {clear:both; border:0; margin:0;background: none;}
 +
 +
a.image > img {margin: 20px;}
 +
a.image > img.thumbimage {margin: 0;}
  
 
.anchor {display: block; height: 100px; margin-top: -100px; visibility: hidden;}
 
.anchor {display: block; height: 100px; margin-top: -100px; visibility: hidden;}
Line 100: Line 105:
 
nav.navbar-inverse {border:0; background: transparent}
 
nav.navbar-inverse {border:0; background: transparent}
 
.navbar-inverse { max-width: 100vw; z-index: 10000; background-color: transparent; border-color: transparent; }
 
.navbar-inverse { max-width: 100vw; z-index: 10000; background-color: transparent; border-color: transparent; }
−
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ margin: 0; }
 
 
.navbar-inverse .navbar-nav { width: 100%; text-align: center; }
 
.navbar-inverse .navbar-nav { width: 100%; text-align: center; }
 
.navbar-inverse .navbar-nav li { float: none; display: inline-block; margin: 3px; border-radius: 5px; padding: 0 0; background-color: purple; }
 
.navbar-inverse .navbar-nav li { float: none; display: inline-block; margin: 3px; border-radius: 5px; padding: 0 0; background-color: purple; }
 
.navbar-inverse .navbar-nav li a { color: white; font-weight: 700; padding-top: 7px; padding-bottom: 7px }
 
.navbar-inverse .navbar-nav li a { color: white; font-weight: 700; padding-top: 7px; padding-bottom: 7px }
−
.dropdown-menu{ min-width: 50px; }
+
.navbar-inverse .navbar-nav ul{ margin: 0; }
−
.dropdown-menu>li{ width:96%; }
+
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ border-radius: 5px; background-color: #9e63af; }
 
.navbar-inverse .navbar-toggle .icon-bar { background-color: #5a0e46; }
 
.navbar-inverse .navbar-toggle .icon-bar { background-color: #5a0e46; }
 
.navbar-inverse .navbar-toggle{border-color:#ad288a;background-color:white}
 
.navbar-inverse .navbar-toggle{border-color:#ad288a;background-color:white}
−
/*.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:active, .navbar-inverse .navbar-toggle:hover:focus{background-color:#9e63af;}
 
−
.navbar-inverse .navbar-nav li a { color: purple;  }
 
−
*/
 
 
.navbar-inverse .navbar-toggle:hover .icon-bar{background-color:black}
 
.navbar-inverse .navbar-toggle:hover .icon-bar{background-color:black}
−
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { border-color: #ff90a3; background-color: MediumVioletRed; transition: background .5s linear; border-radius:5px; }
+
.dropdown-menu{ min-width: 50px; }
−
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ border-radius: 5px; background-color: #9e63af; }
+
.dropdown-menu>li{ width:96%; }
 +
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { border-color: #ff90a3; background-color: MediumVioletRed; transition: background .5s linear; border-radius:5px; }
  
 
nav.navbar.navbar-default.navbar-inverse.affix { width: 100%; text-align: center; left: 0; top: 15px; }
 
nav.navbar.navbar-default.navbar-inverse.affix { width: 100%; text-align: center; left: 0; top: 15px; }

Latest revision as of 11:06, 14 October 2016