Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* The Modal (background) */
- .f4-typo-modal {
- font-family: Arial, Helvetica, sans-serif;
- display: none;
- /* Hidden by default */
- position: fixed;
- /* Stay in place */
- z-index: 1;
- /* Sit on top */
- left: 0;
- top: 0;
- width: 100%;
- /* Full width */
- height: 100%;
- /* Full height */
- overflow: auto;
- /* Enable scroll if needed */
- background-color: rgb(0, 0, 0);
- /* Fallback color */
- background-color: rgba(255, 255, 255, 0.5);
- /* Black w/ opacity */
- }
- .f4-typo-popup-field {
- font-weight: bold;
- }
- /* The Close Button */
- .f4-typo-popup-close {
- color: #aaa;
- float: right;
- font-size: 28px;
- font-weight: bold;
- }
- .f4-typo-popup-close:hover,
- .f4-typo-popup-close:focus {
- color: black;
- text-decoration: none;
- cursor: pointer;
- }
- /* Modal Header */
- .f4-typo-modal-header {
- padding: 2px 24px;
- color: #333;
- }
- /* Modal Body */
- .f4-typo-modal-body {
- padding: 2px 24px;
- padding-bottom: 24px;
- color: #495057;
- }
- /* Modal Footer */
- .f4-typo-modal-footer {
- padding: 10px 24px;
- background-color: #f8f9fa;
- color: white;
- }
- /* Modal Content */
- .f4-typo-modal-content {
- position: relative;
- background-color: #fefefe;
- margin: auto;
- margin-top: 40px;
- padding: 0;
- border-bottom: 5px solid #f8f9fa;
- border-top: 5px solid #dc3030;
- min-width: 280px;
- max-width: 500px;
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
- border-radius: 0.15em;
- animation-name: animatetop;
- animation-duration: 0.4s
- }
- /* Add Animation */
- @keyframes animatetop {
- from {
- top: -300px;
- opacity: 0
- }
- to {
- top: 0;
- opacity: 1
- }
- }
- .f4-typo-popup-icon {
- width: 24px;
- }
- /* Button styles */
- a.f4-typo-button {
- display: inline-block;
- padding: 0.7em 1.4em;
- margin: 0 0 0.3em 0;
- border-radius: 0.15em;
- box-sizing: border-box;
- text-decoration: none;
- font-weight: 400;
- color: #FFFFFF;
- background-color: #3369ff;
- box-shadow: inset 0 -0.6em 0 -0.35em rgba(0, 0, 0, 0.17);
- text-align: center;
- position: relative;
- cursor: pointer;
- transition: all 0.2s linear;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- -webkit-touch-callout: none;
- /* iOS Safari */
- -webkit-user-select: none;
- /* Safari */
- -khtml-user-select: none;
- /* Konqueror HTML */
- -moz-user-select: none;
- /* Firefox */
- -ms-user-select: none;
- /* Internet Explorer/Edge */
- user-select: none;
- /* Non-prefixed version, currently supported by Chrome and Opera */
- }
- a.f4-typo-button-ignore:hover {
- background-color: blue;
- }
- a.f4-typo-button-fix:hover {
- background-color: rgb(52, 156, 97);
- }
- a.f4-typo-button:active {
- top: 0.1em;
- }
- a.f4-typo-button-ignore {
- background-color: #dc3030;
- float: right;
- }
- a.f4-typo-button-fix {
- background-color: seagreen;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement