- content{
width:100%
}
body{
margin:30px; padding:30px; background-color:white; width:100%
}
a{
text-decoration: none; color:black;
}
li{
list-style:none;
}
.left{
left: 30px; margin-bottom: 7.5px; padding-top: 37.5px; position:fixed; background-color: none; top:0;
}
.right{
right: 30px; margin-bottom: 7.5px; padding-top: 37.5px; position:fixed; background-color: none; top:0;
}
.center{
margin-left: auto; margin-right: auto;
}
/*Position menu*/ .menu {
text-align: left; width: 450px; height: 40%; position: fixed; left:30px; font-family: Helvetica, sans-serif; font-weight: bold; line-height: 85%; font-size: 7.5pt; display: flex; flex-direction: column-reverse; text-align: bottom left; bottom: 4%;
}
.menu span{
cursor: pointer;
}
.com{
display: flex; flex-direction: column; position:fixed; text-align: center; right:30px; bottom:1.5%;
}
/*Ensemble pour trait après le menu*/
.lastword {
width: 150px;
}
.lastword img {
position:absolute; opacity:0;
}
.lastword:hover:after{
display:inline-block; vertical-align: middle; height:3px; width:22.5px; background: #3298CB; content:""
}
/*////////////////////////////////////////////*/
.com a:hover{
color: #3298CB;
}
.com li{
line-height:200%; vertical-align: middle;
}
.underline{
display:block; position:absolute; top:460px; left:360px; border-bottom:4px dotted black; width: 35%;
}
- title{
font-family: "Minion Pro"; font-size: 48.75pt; font-weight: medium; margin-left:300px; margin-top:112.5px; cursor: default;
}
- subtitle{
font-family: "Minion Pro"; font-size: 26.75pt; font-weight: medium; margin-left:300px; margin-top:112.5px; cursor: default;
}
- maintext{
font-size: 13pt; margin-left:300px; margin-right:500px margin-top:112.5px; text-align: justify; cursor: default; font-family: "Minion Pro";
}
- logo{
font-size:18px
}
/*Flèche de remontée*/
- toparrow{
justify-content: center; position:fixed; vertical-align:middle; z-index:10; width:2%; top:42%; right:10px;
}
- toparrow a:hover{
color: #3298CB;
}
/*////////////////////////////////////////////*/ /*Ensemble de class pour les onglets*/
.outer {
position: fixed; left: 40px; top: 32.5%;
}
.outer1 {
position: fixed; left: 40px; top: 44%;
}
.outer2 {
position: fixed; left: 40px; top: 34.2%;
}
.outer3 {
position: fixed; left: 40px; top: 43.2%;
}
.outer4 {
position: fixed; left: 40px; top: 26%;
}
.outer5 {
position: fixed; left: 40px; top: 35%;
}
.outer6 {
position: fixed; left: 40px; top: 44%;
}
.outer7 {
position: fixed; left: 40px; top: 53.7%;
}
.outer8 {
position: fixed; left: 40px; top: 25%;
}
.outer9 {
position: fixed; left: 40px; top: 35%;
}
.outer10 {
position: fixed; left: 40px; top: 44%;
}
.outer11 {
position: fixed; left: 30px; top: 53.5%; text-align: center
}
.outer12 {
position: fixed; left: 40px; top: 28%;
}
.outer13 {
position: fixed; left: 40px; top: 35%;
}
.outer14 {
position: fixed; left: 40px; top: 50%;
}
.outer15 {
position: fixed; left: 40px; top: 42%;
}
.inner {
position: absolute; bottom: 100%; -webkit-transform: rotateZ(90deg); transform-origin: 0 100%; white-space: nowrap;
} /*////////////////////////////////////////////*/
.rotate {
-webkit-transform: rotate(180deg);
}
- Team, #Design, #Project, #HumanPractice, #Achievements, #Labwork{
font-family: Helvetica, sans-serif; font-weight: bold; font-size: 8pt;
}
/*Trait rouge des onglets*/
- batonrouge{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge1{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge2{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge3{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge4{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge5{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge6{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge7{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge8{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge9{
position:relative; top:5px; left:29%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge10{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge11{
position:relative; top:5px; left:31%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge12{
position:relative; top:5px; left:20%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge13{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge14{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
- batonrouge15{
position:relative; top:5px; left:33%; display:none; height:3px; width:22.5px; background: #3298CB; content:""
}
/*////////////////////////////////////////////*/