Skip to content

Instantly share code, notes, and snippets.

@mareksotak
Created April 12, 2016 09:58
Show Gist options
  • Save mareksotak/05d7e0e9d436b159625f7509da2a8daf to your computer and use it in GitHub Desktop.
Save mareksotak/05d7e0e9d436b159625f7509da2a8daf to your computer and use it in GitHub Desktop.
Fresh css
.inmplayer-launcher{
background-color: #006699;
}
.connect-email-launcher{
position: absolute;
top: -30px;
left: 775px;
border: 2px solid #333;
}
.import-leads-launcher{
position: absolute;
border: 2px solid #333;
top: 30px;
left: -345px;
}
.inmplayer-launcher:after {
content: " ";
margin: 0 auto;
border-radius: 100px;
position: absolute;
right: -14px;
top: -14px;
z-index: 10;
background-color: transparent;
opacity: 0.1;
width: 48px;
height: 48px;
border: 2px solid #006699;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
-webkit-animation: pulse 1s linear infinite;
-moz-animation: pulse 1s linear infinite;
border-image: initial;
}
@-webkit-keyframes pulse {
0% {-webkit-transform: scale(0); opacity: 0;}
8% {-webkit-transform: scale(0); opacity: 0;}
15% {-webkit-transform: scale(0.1); opacity: 1;}
30% {-webkit-transform: scale(0.5); opacity: 1;}
100% {opacity: 0; -webkit-transform: scale(1);}
}
@-moz-keyframes pulse {
0% {-moz-transform: scale(0); opacity: 0;}
8% {-moz-transform: scale(0); opacity: 0;}
15% {-moz-transform: scale(0.1); opacity: 1;}
30% {-moz-transform: scale(0.5); opacity: 1;}
100% {opacity: 0; -moz-transform: scale(1);}
}
@-webkit-keyframes pulse {
0% {-webkit-transform: scale(0); opacity: 0;}
8% {-webkit-transform: scale(0); opacity: 0;}
15% {-webkit-transform: scale(0.1); opacity: 1;}
30% {-webkit-transform: scale(0.5); opacity: 1;}
100% {opacity: 0; -webkit-transform: scale(1);}
}
@-moz-keyframes pulse {
0% {-moz-transform: scale(0); opacity: 0;}
8% {-moz-transform: scale(0); opacity: 0;}
15% {-moz-transform: scale(0.1); opacity: 1;}
30% {-moz-transform: scale(0.5); opacity: 1;}
100% {opacity: 0; -moz-transform: scale(1);}
}
.font-settings{
font-family: NovaRegular, Arial, sans-serif
}
.onboard-header{
font-size: 18px;
color: #333;
font-weight: 600;
}
.onboard-content{
font-size: 15px;
margin-top: 15px;
}
.inmplayer_tpl_step_top_image_text .inmplayer-template-header{
min-height: 20px;
padding:15px;
background-color: #fff;
margin-left: 5px;
}
.inmplayer-popover-content{
padding: 0 !important;
}
.image-settings{
width: 100%;
max-width: 100%;
}
.inmplayer-popover-inner-content {
border-bottom: none;
padding: 40px 25px 0;
}
.inmplayer-popover-button-next {
float: right;
}
.inmplayer-popover-progress {
color: #808080;
}
.inmplayer-popover-button-previous,
.inmplayer-popover-button-next,
.inmplayer-popover-button-end {
background-color: #ffa800;
border-color: transparent;
color: #fff;
}
.inmplayer-popover-button-next:after{
position: absolute;
color: red;
}
.fs-skip-tour,
.fs-skip-tour:hover{
color: #ffa800;
margin-left:25px;
position: absolute;
top: 20px;
}
.fs-prev-step,
.fs-prev-step:hover{
color:#069;
position:absolute;
bottom: 20px;
}
.inmplayer-popover-wrapper{
background-color: #fff;
border-color:#ccc;
border-style:solid;
border-width:2px;
box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.2);
}
.inmplayer-popover-buttons{
padding: 15px;
}
.inmplayer-popover-pointer-shape {
fill: #ccc;
stroke: #ccc;
}
.inmplayer-popover-close-button{
font-size: 22px;
position: absolute;
right: 10px;
padding: 0;
top: 10px;
height: 14px;
line-height: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment