Difference between revisions of "Team:Bordeaux/Template/css"
| Line 461: | Line 461: | ||
/* MENU NAV */ | /* MENU NAV */ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Revision as of 14:01, 18 September 2018
html body {
font-size: inherit; font-family: inherit; background-color: transparent; color: inherit; padding: 0;
}
- globalWrapper {
margin: 0; padding-bottom:0px!important; padding: 0; position: static; width: auto;
}
- top-section {
border: 0; height: auto; margin: 0; position: static; width: auto;
}
- p-logo {
height: auto; position: static; width: auto; z-index: auto;
}
- p-logo a, div#p-logo a:hover {
text-decoration: none;
}
- menubar {
position: static; top: 0px; white-space: normal; width: auto; z-index: auto;
}
div.left-menu, div.left-menu a {
left: 0; text-align: left; text-transform: none;
}
- menubar ul {
list-style: disc outside none; margin: 0; padding: 0;
}
- menubar li {
cursor: auto; display: list-item; padding: 0; margin: 0; position: static;
}
.left-menu li a {
padding: 0;
}
.left-menu:hover {
background-color: transparent;
}
.right-menu, div.right-menu a {
right: 0; text-align: left;
}
.right-menu li a {
background-color: transparent; padding: 0;
}
.right-menu li a:hover {
text-decoration: none;
}
- search-controls {
background-color: transparent; height: auto; position: static; right: 0; text-align: left; top: 0; width: auto; z-index: auto;
}
- content {
background: transparent; border: 0; margin: 0; padding: 0;
line-height:1.5;
position: static; width: auto; z-index: auto;
}
li {
margin: 0;
}
h1, body h2, body h3, body h4, body h5, body h6 {
background: transparent; border: 0; padding: 0;
}
.firstHeading {
margin: 0;
}
- contentSub {
margin: 0; width: auto;
}
- catlinks {
background-color: transparent; border: 0; clear: both; margin: 0; padding: 0;
}
- footer-box {
background-color: transparent; border: 0; margin: 0; padding: 0; width: auto;
}
- footer {
text-align: left;
}
- f-poweredbyico, #f-copyrightico {
float: none;
}
- footer li {
margin: 0; display: list-item;
}
- sideMenu {
width: 200px; position: absolute; top: 20px; left: 1020px; z-index: 10; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background-color: white; text-align: left; display: none; z-index: 0;
}
- content {
width: 100%;
padding: 0px;
margin-left: 0px;
}
- top_title {
overflow: hidden; display: none;
}
- top_menu_14 {
height: 20px;
}
- top_menu_under {
display: none;
}
- globalWrapper {
padding-bottom: 20px;
}
- HQ_page p {
font-size: 16px;
}
.skin-igem {
padding-top: 0px;
}
- top_menu_14 {
border-bottom:2px solid #383838!important; }
/* End rules to reset wiki css*/
p{ margin:0px!important; padding:0px!important; }
html, body, #bdxbackground{
width:100%; height:100%;
} video{
width: 100vw;
height: auto;
position: relative;
background: black;
left: 0;
} body{
overflow-x: hidden;
}
- videocontainer{
position: relative; height: auto; z-index: -15;
}
.after-bg{ height: 200px; background-color: #fff; position: relative; left: 0px; width: 100vw; color:black; }
/* MENU FLOAT*/
body {
font-family: "Avenir-black", sans-serif; margin: 0; padding: 0; box-sizing: border-box; color: #4d4d4d; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
a {
color: #4d4d4d; text-decoration: none;
}
ul {
margin: 0; padding: 0;
}
li {
list-style: none;
}
.displayflex {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
} .menu-wrapper{
position: absolute;
left: 20px;
display: flex;
justify-content: center;
align-items: center;
z-index : 9;
border-top-left-radius: 10px;
pointer-events: all;
border-bottom-left-radius: 10px;
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently
supported by Chrome and Opera */
} .menu {
transition: all .3s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: fixed; width: 100%; height: 100vh; z-index: 9; justify-content: center; align-items: center; transition: all .2s; /*background-image: url(http://sije.fr/wp-content/themes/sije/assets/images/bg-menu-home.jpg);*/ background-size: cover; top: 0; pointer-events: none;
;*/){kind=link}
}
.menu .preview {
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.87); border-radius: 10px; width: 238px; height: 426px; /*margin-right: 40px;*/ background-image: url(); background-size: cover; z-index: 10;
}
- menu{
padding: 20px 80px 20px 80px !important;
position: relative;
left: -275px;
z-index: 9;
}
.slided{
padding: 20px 80px 20px 80px!important;
position: relative;
background-color: rgba(38, 38, 38, 0.4);
left: 0px!important;
z-index: 10!important;
transition-duration: 0.7s;
}
.menu ul li a {
color: #ffffff; font-size: 16px; letter-spacing: 0.89px; text-transform: uppercase; padding: 4px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; opacity: .45; transition: all .3s;
}
.menu ul li a:hover {
opacity: 1;
}
.preview.home {
background-image: url(
}
.menu.project {
background-image: url();
}
.preview.project {
background-image: url();
}
.menu.team {
background-image: url();
}
.preview.team {
background-image: url();
}
.bgtitle{
width: 100vw; height: 100vh; background-size: cover; background-repeat:no-repeat; background-position: center center; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.4)), url(); z-index: -5;
} .separator{
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.87);
} .typewriter{
color: white;
font-size: 5vw;
text-align:justify;
display: inline-block;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 20px;
padding-right: 10px;
position: fixed;
top: 70px;
right: 70px;
width: auto;
mix-blend-mode: screen;
font-weight: 500;
font-family: "Avenir-black",
sans-serif;
white-space: nowrap; }
.bgtitle img{
width: 115%; margin-left:-5%;
}
.sponso{
background-color: white; padding: 10px; z-index: 1; width: 100vw; display: flex; justify-content:space-around; align-items: center; align-content: center; flex-wrap: nowrap; flex-direction: row; position: relative;
} .sponso img{
max-width: 200px; max-height: 100px; z-index : 1;
}
.tiles{
padding: 50px!important;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19),
0 6px 6px rgba(0, 0, 0, 0.23);
background-color: white;
} .subpanel{
}
/* MENU NAV */