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

m
m
 
(28 intermediate revisions by 2 users 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%;}
+
 
#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 50: Line 49:
 
#cal-heatmap g:hover .subdomain-text {opacity: 1;}
 
#cal-heatmap g:hover .subdomain-text {opacity: 1;}
  
−
.container nav li.before a { color:#fff; }
+
a.external.text, a.external.text:visited, a[href ^="https://"] {background: initial;padding: initial;}
−
.container nav li.active a { color:#d9374c; }
+
−
/*a, a:visited {color:#d9374c; font-weight:bold;}*/
+
−
a.external.text, a.external.text:visited {color:#d9374c; background:none; padding:0;}
+
−
.fixedmenups {z-index: 9998;position: fixed;width: 19%;top: 95px;}
+
  
 
article.column {width: 49%; float: left;}
 
article.column {width: 49%; float: left;}
Line 62: 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 73: Line 74:
 
div.tright{float:left; border-width:0;}
 
div.tright{float:left; border-width:0;}
 
.buorg {top:17px;}
 
.buorg {top:17px;}
−
#bodyContent a[href ^="https://"] {background: initial;padding: initial;}
 
 
div#bars_item, div#user_item.has_submenu{line-height:initial;}
 
div#bars_item, div#user_item.has_submenu{line-height:initial;}
−
#globalWrapper {font-size:100%;padding:0;}
 
 
h1.firstHeading, a#top, #top_title, #sideMenu, #top_menu_under {display: none;}
 
h1.firstHeading, a#top, #top_title, #sideMenu, #top_menu_under {display: none;}
 
.logo-igem{
 
.logo-igem{
Line 97: Line 96:
  
  
−
header { background: url("https://static.igem.org/mediawiki/2016/3/3f/T--Paris_Saclay--background_paris.jpeg"); background-size: cover; background-position: left; background-attachment: fixed; height: 100vh; min-height: 1000px;}
+
header { min-height: 400px;position: relative;    top: -7px;background: url("https://static.igem.org/mediawiki/2016/3/3f/T--Paris_Saclay--background_paris.jpeg"); background-size: cover; background-position: left; background-attachment: fixed;}
 +
header.model {background-url: "https://static.igem.org/mediawiki/2016/c/cb/T--Paris_Saclay--090816_Titre.jpg"; }
  
 
header ul.nav { float: none; }
 
header ul.nav { float: none; }
Line 103: Line 103:
 
body { overflow-x: hidden; min-height: 100vh; }
 
body { overflow-x: hidden; min-height: 100vh; }
  
 +
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; background-color: #9e63af; padding: 0 0; }
+
.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; }
+
.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{border-color:black;background-color:white;}
 
 
.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!important; transition: background .5s linear; border-radius:5px; }
+
.dropdown-menu{ min-width: 50px; }
−
.navbar-inverse .navbar-nav li:hover a { color: white;  }
+
.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; }
+
.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; }
 
nav.navbar.navbar-default.navbar-inverse.affix .container-fluid { background-color: white; transition: all .5s linear; }
 
nav.navbar.navbar-default.navbar-inverse.affix .container-fluid { background-color: white; transition: all .5s linear; }
−
nav.navbar.navbar-default.navbar-inverse.affix .navbar-nav li { background-color: #5a0e46; transition: all 1s linear; }
+
nav.navbar.navbar-default.navbar-inverse.affix .navbar-nav li { transition: all 1s linear; }
 
nav.navbar.navbar-default.navbar-inverse.affix-top { margin-top: 300px; }
 
nav.navbar.navbar-default.navbar-inverse.affix-top { margin-top: 300px; }
  
Line 131: Line 130:
 
.row-centered { text-align: center; }
 
.row-centered { text-align: center; }
 
.col-centered { display: inline-block; float: none; text-align: left; margin-right: -4px; }
 
.col-centered { display: inline-block; float: none; text-align: left; margin-right: -4px; }
−
.love.row{ position: absolute; width: 100%; top: 420px; background: rgba(193,193,193,0.3); color: white; text-align: center; }
+
.love{ position: absolute; width: 100%; top: 420px; background: rgba(193,193,193,0.3); color: white; text-align: center; }
 +
#bodyContent .love p {font-size: 56pt; text-align:center;}
  
 
.collapse.navbar-collapse,.nav-container { padding-right:0; padding-left:0; }
 
.collapse.navbar-collapse,.nav-container { padding-right:0; padding-left:0; }

Latest revision as of 11:06, 14 October 2016