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

Line 106: Line 106:
 
   background-color: #f8f9fa !important;
 
   background-color: #f8f9fa !important;
 
   }
 
   }
 +
 +
 +
 +
#wrapper {
 +
width: 100px;
 +
margin: 0 auto;
 +
background: #fff;
 +
padding: 20px;
 +
border: 10px solid #aaa;
 +
border-radius: 15px;
 +
background-clip: padding-box;
 +
text-align: center;
 +
}
 +
.button {
 +
font-family: Helvetica, Arial, sans-serif;
 +
font-size: 13px;
 +
padding: 5px 10px;
 +
border: 1px solid #aaa;
 +
background-color: #eee;
 +
background-image: linear-gradient(top, #fff, #f0f0f0);
 +
border-radius: 2px;
 +
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
 +
color: #666;
 +
text-decoration: none;
 +
text-shadow: 0 1px 0 #fff;
 +
cursor: pointer;
 +
transition: all 0.2s ease-out;
 +
}
 +
.button:hover {
 +
border-color: #999;
 +
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
 +
}
 +
.button:active {
 +
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
 +
}
 +
.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:38, 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;
 }



#wrapper {

width: 100px; margin: 0 auto; background: #fff; padding: 20px; border: 10px solid #aaa; border-radius: 15px; background-clip: padding-box; text-align: center; } 

.button {

font-family: Helvetica, Arial, sans-serif; font-size: 13px; padding: 5px 10px; border: 1px solid #aaa; background-color: #eee; background-image: linear-gradient(top, #fff, #f0f0f0); border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); color: #666; text-decoration: none; text-shadow: 0 1px 0 #fff; cursor: pointer; transition: all 0.2s ease-out; } 

.button:hover {

border-color: #999; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); } 

.button:active {

box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset; } 

.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; }