Difference between revisions of "Template:Paris Bettencourt/cssHome"
CeliaFoulon (Talk | contribs) |
|||
(50 intermediate revisions by 2 users not shown) | |||
Line 8: | Line 8: | ||
/* Background of the page */ | /* Background of the page */ | ||
− | + | #home .contentContainer { | |
/*background-image: url('../images/idli7_medium.jpg');*/ | /*background-image: url('../images/idli7_medium.jpg');*/ | ||
− | background | + | background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.65) 100%), url('https://static.igem.org/mediawiki/2015/d/df/ParisBettencourt_homeBanner.jpg'); |
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | background-attachment: fixed; | ||
} | } | ||
Line 26: | Line 29: | ||
} | } | ||
− | #banner h3 | + | #banner h3 { |
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
Line 41: | Line 44: | ||
/* Text content */ /* Tweak here */ | /* Text content */ /* Tweak here */ | ||
− | # | + | #home .textWrapper { |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
background-color: black; | background-color: black; | ||
+ | color: white; | ||
width: 100%; | width: 100%; | ||
− | border-top: | + | border-top: 5px solid whitesmoke; |
+ | border-bottom: 5px solid whitesmoke; | ||
} | } | ||
− | #textContent .nav a, | + | .separate { |
+ | border-bottom: 5px solid whitesmoke; | ||
+ | } | ||
+ | |||
+ | #home .textContent { | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | |||
+ | .textContent .nav a, .textContent .nav a:visited { | ||
text-decoration: none; | text-decoration: none; | ||
cursor: pointer; | cursor: pointer; | ||
color: inherit; | color: inherit; | ||
+ | font-size: 1.4em; | ||
} | } | ||
− | + | .textContent .nav a:hover, .textContent .nav a:active { | |
text-decoration: none; | text-decoration: none; | ||
color: inherit; | color: inherit; | ||
} | } | ||
− | . | + | .textContent .nav { |
− | + | text-align: justify; | |
− | color: | + | text-transform: uppercase; |
+ | } | ||
+ | |||
+ | .textContent .nav a { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .textContent .nav div a span:after { | ||
+ | content: ''; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | border-bottom: 1px solid rgba(255,255,255,0.7); | ||
+ | transition: border-color 0.3s; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .textContent .nav div a:hover span:after { | ||
+ | border-bottom-color: initial; | ||
+ | } | ||
+ | |||
+ | .stretch { | ||
+ | padding: 0 7%; | ||
+ | text-align: center; | ||
+ | font-size: 1.1em; | ||
+ | font-family: Generica; | ||
+ | line-height: 3em; | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | width: 100%; | ||
} | } | ||
Line 78: | Line 116: | ||
color: #e5007d; | color: #e5007d; | ||
} | } | ||
− | + | .black { | |
− | + | color: black; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .yellow.black a, | |
− | + | .yellow.black { | |
− | + | color: black; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .cyan.black a, | |
− | color: | + | .cyan.black { |
− | + | color: black; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .magenta.black a, | |
− | + | .magenta.black { | |
− | + | color: black; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .textContent .nav div a.yellow span:after { | |
− | + | content: ''; | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | bottom: 0; | |
− | + | left: 0; | |
− | + | border-bottom: 1px solid #ffed00; | |
− | + | transition: border-width 0.3s; | |
− | + | position: absolute; | |
− | + | color: black; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .textContent .nav div a.cyan span:after { | |
− | + | content: ''; | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | bottom: 0; | |
+ | left: 0; | ||
+ | border-bottom: 1px solid #009ee3; | ||
+ | transition: border-width 0.3s; | ||
+ | position: absolute; | ||
+ | color: black; | ||
} | } | ||
− | + | .textContent .nav div a.magenta span:after { | |
− | + | content: ''; | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | bottom: 0; | |
− | + | left: 0; | |
− | + | border-bottom: 1px solid #e5007d; | |
− | + | transition: border-width 0.3s; | |
− | + | position: absolute; | |
− | + | color: black; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .textContent .nav div a.yellow:hover span:after, | |
− | + | .textContent .nav div a.cyan:hover span:after, | |
− | + | .textContent .nav div a.magenta:hover span:after { | |
− | + | border-bottom-width: 3px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | p.white { | |
− | + | color: white; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 22:40, 19 November 2015