102 lines
1.8 KiB
CSS
Executable File
102 lines
1.8 KiB
CSS
Executable File
/*
|
|
* Remodal - v1.1.1
|
|
* Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
|
|
* http://vodkabears.github.io/remodal/
|
|
*
|
|
* Made by Ilya Makarov
|
|
* Under MIT License
|
|
*/
|
|
|
|
/* ==========================================================================
|
|
Remodal's necessary styles
|
|
========================================================================== */
|
|
|
|
/* Hide scroll bar */
|
|
|
|
html.remodal-is-locked {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Anti FOUC */
|
|
|
|
.remodal, [data-remodal-id] {
|
|
display: none;
|
|
}
|
|
|
|
/* Necessary styles of the overlay */
|
|
|
|
.remodal-overlay {
|
|
position: fixed;
|
|
z-index: 9999;
|
|
top: -5000px;
|
|
right: -5000px;
|
|
bottom: -5000px;
|
|
left: -5000px;
|
|
display: none;
|
|
}
|
|
|
|
/* Necessary styles of the wrapper */
|
|
|
|
.remodal-wrapper {
|
|
position: fixed;
|
|
z-index: 10000;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
display: none;
|
|
overflow: auto;
|
|
text-align: center;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.remodal-wrapper:after {
|
|
display: inline-block;
|
|
height: 100%;
|
|
margin-left: -0.05em;
|
|
content: "";
|
|
}
|
|
|
|
/* Fix iPad, iPhone glitches */
|
|
|
|
.remodal-overlay, .remodal-wrapper {
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
}
|
|
|
|
/* Necessary styles of the modal dialog */
|
|
|
|
.remodal {
|
|
position: relative;
|
|
outline: none;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
text-size-adjust: 100%;
|
|
}
|
|
|
|
.remodal-is-initialized {
|
|
display: inline-block;
|
|
}
|
|
|
|
.remodal-bg.with-red-theme.remodal-is-opening, .remodal-bg.with-red-theme.remodal-is-opened {
|
|
filter: none;
|
|
}
|
|
|
|
.remodal-overlay.with-red-theme {
|
|
background-color: #f44336;
|
|
}
|
|
|
|
.remodal.with-red-theme {
|
|
background: #fff;
|
|
}
|
|
|
|
#profile_img {
|
|
border-radius: 15%;
|
|
width: 160px;
|
|
}
|
|
|
|
.portfolio-laptop-mockup .screen {
|
|
border-width: 0px;
|
|
}
|
|
|