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

Line 106: Line 106:
 
   background-color: #f8f9fa !important;
 
   background-color: #f8f9fa !important;
 
   }
 
   }
−
 
−
 
−
.overlay {
 
−
position: absolute;
 
−
top: 0;
 
−
bottom: 0;
 
−
left: 0;
 
−
right: 0;
 
−
background: rgba(0, 0, 0, 0.5);
 
−
transition: opacity 200ms;
 
−
visibility: hidden;
 
−
opacity: 0;
 
−
}
 
−
.overlay.light {
 
−
background: rgba(255, 255, 255, 0.5);
 
−
}
 
−
.overlay .cancel {
 
−
position: absolute;
 
−
width: 100%;
 
−
height: 100%;
 
−
cursor: default;
 
−
}
 
−
.overlay:target {
 
−
visibility: visible;
 
−
opacity: 1;
 
−
}
 
−
.popup {
 
−
margin: 75px auto;
 
−
padding: 20px;
 
−
background: #fff;
 
−
border: 1px solid #666;
 
−
width: 300px;
 
−
box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
 
−
position: relative;
 
−
}
 
−
.light .popup {
 
−
border-color: #aaa;
 
−
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
 
−
}
 
−
.popup h2 {
 
−
margin-top: 0;
 
−
color: #666;
 
−
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
 
−
}
 
−
.popup .close {
 
−
position: absolute;
 
−
width: 20px;
 
−
height: 20px;
 
−
top: 20px;
 
−
right: 20px;
 
−
opacity: 0.8;
 
−
transition: all 200ms;
 
−
font-size: 24px;
 
−
font-weight: bold;
 
−
text-decoration: none;
 
−
color: #666;
 
−
}
 
−
.popup .close:hover {
 
−
opacity: 1;
 
−
}
 
−
.popup .content {
 
−
max-height: 400px;
 
−
overflow: auto;
 
−
}
 
−
.popup p {
 
−
margin: 0 0 1em;
 
−
}
 
−
.popup p:last-child {
 
−
margin: 0;
 
−
}
 

Revision as of 17:43, 15 October 2019

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

 }
 #content {

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

 }
 .imageBig {
 position: relative;
 width: 100%;
 height: auto;
 margin-top: 110px;}
 
 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; 

 }
 
 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%); 

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