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

Line 1: Line 1:
 
body {
 
body {
font-family: 'Nunito', sans-serif;
+
  font-family: 'Nunito', sans-serif;
color: #3D383F;
+
  color: #3D383F;
font-size: 12pt;
+
  font-size: 12pt;
 
}
 
}
  
Line 11: Line 11:
 
h5,
 
h5,
 
h6 {
 
h6 {
font-family: 'Montserrat', sans-serif;
+
  font-family: 'Montserrat', sans-serif;
 
}
 
}
  
 
h1 {
 
h1 {
font-size: 24pt;
+
  font-size: 24pt;
color: #A786CC;
+
  color: #A786CC;
 
}
 
}
  
 
h2 {
 
h2 {
font-size: 18pt;
+
  font-size: 18pt;
color: #9466AD;
+
  color: #9466AD;
 
}
 
}
  
 
.nav-link {
 
.nav-link {
padding: 0 3px 0 3px !important;
+
  padding: 0 3px 0 3px !important;
margin: 0 !important;
+
  margin: 0 !important;
 
}
 
}
  
 
/* .nav-item {width: 12vw;} */
 
/* .nav-item {width: 12vw;} */
 
li.active {
 
li.active {
border-bottom: 1px solid black;
+
  border-bottom: 1px solid black;
 
}
 
}
  
 
ul {
 
ul {
padding-left: 16px !important;
+
  padding-left: 16px !important;
 
}
 
}
  
 
.dropdown-submenu {
 
.dropdown-submenu {
position: relative;
+
  position: relative;
 
}
 
}
  
 
.dropdown-submenu a::after {
 
.dropdown-submenu a::after {
transform: rotate(-90deg);
+
  transform: rotate(-90deg);
position: absolute;
+
  position: absolute;
right: 6px;
+
  right: 6px;
top: .8em;
+
  top: .8em;
 
}
 
}
  
 
.dropdown-submenu .dropdown-menu {
 
.dropdown-submenu .dropdown-menu {
top: 0;
+
  top: 0;
left: 100%;
+
  left: 100%;
margin-left: .1rem;
+
  margin-left: .1rem;
margin-right: .1rem;
+
  margin-right: .1rem;
 
}
 
}
  
 
.img_sponsors {
 
.img_sponsors {
height: 75px;
+
  height: 75px;
width: auto;
+
  width: auto;
padding: 15px;
+
  padding: 15px;
-webkit-filter: grayscale(100%);
+
  -webkit-filter: grayscale(100%);
filter: grayscale(100%);
+
  filter: grayscale(100%);
 
}
 
}
  
 
.img_sponsors:hover {
 
.img_sponsors:hover {
-webkit-filter: grayscale(0%);
+
  -webkit-filter: grayscale(0%);
filter: grayscale(0%);
+
  filter: grayscale(0%);
 
}
 
}
  
 
.img_contact {
 
.img_contact {
height: 75px;
+
  height: 75px;
width: auto;
+
  width: auto;
padding: 15px;
+
  padding: 15px;
-webkit-filter: grayscale(100%);
+
  -webkit-filter: grayscale(100%);
filter: grayscale(100%);
+
  filter: grayscale(100%);
 
}
 
}
  
 
.img_contact:hover {
 
.img_contact:hover {
-webkit-filter: grayscale(0%);
+
  -webkit-filter: grayscale(0%);
filter: grayscale(0%);
+
  filter: grayscale(0%);
 
}
 
}

Revision as of 19:06, 22 September 2019

body {

 font-family: 'Nunito', sans-serif;
 color: #3D383F;
 font-size: 12pt;

}

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

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

}

h1 {

 font-size: 24pt;
 color: #A786CC;

}

h2 {

 font-size: 18pt;
 color: #9466AD;

}

.nav-link {

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

}

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

 border-bottom: 1px solid black;

}

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;

}

.img_sponsors {

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

}

.img_sponsors: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%);

}