code
ENDDATE:
ENDTIME:
BUTTONTEXT:
GOTOURL:
TEXT:
FONTNAME:
Georgia, serif
"Palatino Linotype", "Book Antiqua", Palatino, serif
"Times New Roman", Times, serif
Arial, Helvetica, sans-serif
"Arial Black", Gadget, sans-serif
"Comic Sans MS", cursive, sans-serif
Impact, Charcoal, sans-serif
"Lucida Sans Unicode", "Lucida Grande", sans-serif
Tahoma, Geneva, sans-serif
"Trebuchet MS", Helvetica, sans-serif
Verdana, Geneva, sans-serif
FONTCOLOR:
BACKGROUND:
CSS:
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,800&display=swap'); .sticky--wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 10px 0; width: 100%; background: |#BACKGROUND|; color: |#FONTCOLOR|; -webkit-box-shadow: inset 0 -10px 0 -8px rgba(0, 0, 0, .2); box-shadow: inset 0 -10px 0 -8px rgba(0, 0, 0, .2); font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 1.2; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; } .sticky--wrap:hover .sticky--btn { background: |#BACKGROUND|; color: |#FONTCOLOR|; border-color: |#FONTCOLOR|; } .sticky--wrap > * { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sticky--text { font-size: 20px; } .sticky--text strong { font-weight: 800; } .sticky--countdown { font-size: 18px; margin: 0 10vw; } .sticky--countdown > span { font-size: 28px; font-weight: 800; } .sticky--btn { padding: 7px 38px; background: |#FONTCOLOR|; color: |#BACKGROUND|; border: 1px solid transparent; border-radius: 4px; font-size: 12px; font-weight: 800; -webkit-transition: background .3s, color .3s, border-color .3s; -o-transition: background .3s, color .3s, border-color .3s; transition: background .3s, color .3s, border-color .3s; } .sticky--btn:after { content: '>'; margin-left: 5px; }