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

Line 107: Line 107:
 
   }
 
   }
  
 
+
   
 
+
  #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 {
 
  .overlay {
 
position: absolute;
 
position: absolute;

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


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