Difference between revisions of "Template:Evry Paris-Saclay/Style"

 
(40 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
body {
 
body {
−
  background-color: #f9f7fe;
+
background-color: #f9f7fe;
−
  font-family: 'Nunito', sans-serif;
+
font-family: 'Nunito', sans-serif;
−
  color: #3D383F;
+
color: #3D383F;
−
  font-size: 12pt;
+
font-size: 1.5em;
 +
  }
 +
.nav-link, .nav-item a, .navbar ul li a, .navbar ul li ul li a, .navbar ul li ul li a:visited, .navbar ul li a:visited, .active, {
 +
color: #d9534f !important;
 
}
 
}
−
#content {
+
  #content {
−
  margin:0px;
+
margin:0px;
−
  margin-top:-17px;
+
margin-top:-17px;
−
  padding:0px;
+
padding:0px;
−
  width:100%;
+
width:100%;
−
  background-color: #f9f7fe;
+
background-color: #f9f7fe;
 +
  }
 +
  .imageBig {
 +
  position: relative;
 +
  width: 100%;
 +
  height: auto;
 +
  margin-top: 110px;}
 +
  a, a:visited {
 +
color:#28a745 !important;
 
}
 
}
−
.imageBig {
+
  h1,
−
position: relative;
+
  h2,
−
width: 100%;
+
  h3,
−
height: auto;
+
  h4,
−
margin-top: 110px;}
+
  h5,
−
 
+
  h6 {
−
h1,
+
font-family: 'Montserrat', sans-serif;
−
h2,
+
  }
−
h3,
+
 
−
h4,
+
  h1 {
−
h5,
+
font-size: 3.5em !important;
−
h6 {
+
color: #A786CC;
−
   font-family: 'Montserrat', sans-serif;
+
  }
 +
 
 +
  h2 {
 +
font-size: 3em !important;
 +
color: #9466AD;
 +
  }
 +
  h2, h3, h4, h5, h6 {
 +
    color: #9466AD;
 +
  }
 +
 
 +
  p , .txtrw {
 +
font-size: 1.5em !important;
 +
        line-height:1.5em !important;
 +
color: #000000;
 +
 
 +
  }
 +
 
 +
  .nav-link {
 +
padding: 0 3px 0 3px !important;
 +
margin: 0 !important;
 +
  }
 +
 
 +
  /* .nav-item {width: 12vw;} */
 +
 
 +
  ul {
 +
padding-left: 16px !important;
 +
  }
 +
 
 +
  .dropdown-submenu {
 +
position: relative;
 +
  }
 +
 
 +
  .dropdown-submenu a::after {
 +
transform: rotate(-90deg);
 +
position: absolute;
 +
right: 6px;
 +
top: .8em;
 +
  }
 +
 
 +
  .dropdown-submenu .dropdown-menu {
 +
top: 0;
 +
left: 100%;
 +
margin-left: .1rem;
 +
margin-right: .1rem;
 +
  }
 +
 
 +
  .sponsors img {
 +
height: 75px;
 +
width: auto;
 +
padding: 15px;
 +
-webkit-filter: grayscale(100%);
 +
filter: grayscale(100%);
 +
display: inline;
 +
  }
 +
 
 +
  .sponsors img:hover {
 +
-webkit-filter: grayscale(0%);
 +
filter: grayscale(0%);
 +
  }
 +
 
 +
  .img_contact {
 +
height: 75px;
 +
width: auto;
 +
padding: 15px;
 +
-webkit-filter: grayscale(100%);
 +
filter: grayscale(100%);
 +
  }
 +
 
 +
  .img_contact:hover {
 +
-webkit-filter: grayscale(0%);
 +
filter: grayscale(0%);
 +
  }
 +
 
 +
  p a:visited {  
 +
   color: black;
 +
  }
 +
  .dropdown-item:hover {
 +
  background-color: #5b407d !important;
 +
  }
 +
.bg-violet,.dropdown-menu {
 +
background-color:#7B5CA2 !important;
 
}
 
}
  
−
h1 {
+
.dropdown-menu a:hover {
−
   font-size: 24pt;
+
   background-color: #5b407d !important;
−
  color: #A786CC;
+
−
}
+
  
−
h2 {
 
−
  font-size: 18pt;
 
−
  color: #9466AD;
 
 
}
 
}
  
−
p {
+
.bg-violet a {
−
  font-size: 20pt;
+
font-weight: bold !important;
−
  color: #000000;
+
color:white !important;
−
 
+
 
}
 
}
  
−
.nav-link {
 
−
  padding: 0 3px 0 3px !important;
 
−
  margin: 0 !important;
 
−
}
 
  
−
/* .nav-item {width: 12vw;} */
+
table {background-color: transparent;}
  
−
ul {
+
th {background-color:#d4c3e8 !important;
−
  padding-left: 16px !important;
+
−
}
+
  
−
.dropdown-submenu {
 
−
  position: relative;
 
−
}
 
−
 
−
.dropdown-submenu a::after {
 
−
  transform: rotate(-90deg);
 
−
  position: absolute;
 
−
  right: 6px;
 
−
  top: .8em;
 
−
}
 
−
 
−
.dropdown-submenu .dropdown-menu {
 
−
  top: 0;
 
−
  left: 100%;
 
−
  margin-left: .1rem;
 
−
  margin-right: .1rem;
 
−
}
 
−
 
−
.sponsors img {
 
−
  height: 75px;
 
−
  width: auto;
 
−
  padding: 15px;
 
−
  -webkit-filter: grayscale(100%);
 
−
  filter: grayscale(100%);
 
−
  display: inline;
 
−
}
 
−
 
−
.sponsors img:hover {
 
−
  -webkit-filter: grayscale(0%);
 
−
  filter: grayscale(0%);
 
−
}
 
−
 
−
.img_contact {
 
−
  height: 75px;
 
−
  width: auto;
 
−
  padding: 15px;
 
−
  -webkit-filter: grayscale(100%);
 
−
  filter: grayscale(100%);
 
−
}
 
−
 
−
.img_contact:hover {
 
−
  -webkit-filter: grayscale(0%);
 
−
  filter: grayscale(0%);
 
−
}
 
−
 
−
a:visited {
 
−
color: black;
 
−
}
 
−
.dropdown-item:hover {
 
−
background-color: #f8f9fa !important;
 
 
}
 
}

Latest revision as of 20:43, 15 December 2019

body { background-color: #f9f7fe; font-family: 'Nunito', sans-serif; color: #3D383F; font-size: 1.5em; 

 }

.nav-link, .nav-item a, .navbar ul li a, .navbar ul li ul li a, .navbar ul li ul li a:visited, .navbar ul li a:visited, .active, { color: #d9534f !important; } 

 #content {

margin:0px; margin-top:-17px; padding:0px; width:100%; background-color: #f9f7fe; 

 }
 .imageBig {
 position: relative;
 width: 100%;
 height: auto;
 margin-top: 110px;}
 a, a:visited {

color:#28a745 !important; } 

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {

font-family: 'Montserrat', sans-serif; 

 }
 
 h1 {

font-size: 3.5em !important; color: #A786CC; 

 }
 
 h2 {

font-size: 3em !important; color: #9466AD; 

 }
 h2, h3, h4, h5, h6 {
   color: #9466AD;
 }
 
 p , .txtrw {

font-size: 1.5em !important; 

       line-height:1.5em !important;

color: #000000; 

 }
 
 .nav-link {

padding: 0 3px 0 3px !important; margin: 0 !important; 

 }
 
 /* .nav-item {width: 12vw;} */
 
 ul {

padding-left: 16px !important; 

 }
 
 .dropdown-submenu {

position: relative; 

 }
 
 .dropdown-submenu a::after {

transform: rotate(-90deg); position: absolute; right: 6px; top: .8em; 

 }
 
 .dropdown-submenu .dropdown-menu {

top: 0; left: 100%; margin-left: .1rem; margin-right: .1rem; 

 }
 
 .sponsors img {

height: 75px; width: auto; padding: 15px; -webkit-filter: grayscale(100%); filter: grayscale(100%); display: inline; 

 }
 
 .sponsors img:hover {

-webkit-filter: grayscale(0%); filter: grayscale(0%); 

 }
 
 .img_contact {

height: 75px; width: auto; padding: 15px; -webkit-filter: grayscale(100%); filter: grayscale(100%); 

 }
 
 .img_contact:hover {

-webkit-filter: grayscale(0%); filter: grayscale(0%); 

 }
 
 p a:visited { 
 color: black; 
 }
 .dropdown-item:hover { 
 background-color: #5b407d !important;
 }

.bg-violet,.dropdown-menu { background-color:#7B5CA2 !important; }

.dropdown-menu a:hover { 

 background-color: #5b407d !important;

}

.bg-violet a { font-weight: bold !important; color:white !important; }


table {background-color: transparent;}

th {background-color:#d4c3e8 !important;

}