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

Line 119: Line 119:
 
text-align: center;
 
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 {
 
  .overlay {
 
position: absolute;
 
position: absolute;

Revision as of 17:40, 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; } 

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