StephaneMlt (Talk | contribs) |
StephaneMlt (Talk | contribs) |
||
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; }