#stacks_in_519365_wrapper { padding: 20px; -webkit-box-shadow: inset 0px 0px 8px rgba(0,0,0,0.35); border-radius: 4px; background: url('http://dl.dropbox.com/u/64179093/RWtuts%20Resources/Background%20Patterns%20for%20Stacks/whitey.png') repeat; } #stacks_in_519365_header { color: #626263; text-shadow: #fefefc 0 1px 0; text-align: center; margin-bottom: 16px; font: bold 26px/30px "Helvetica Neue", Helvetica, sans-serif; } #stacks_in_519365_title { color: #626263; text-shadow: #fefefc 0 1px 0; text-align: left; margin-bottom: 16px; font: bold 13px/15px "Helvetica Neue", Helvetica, sans-serif; } #stacks_in_519365_beta { color: #E65011; text-shadow: #fefefc 0 1px 0; text-align: center; margin-bottom: 16px; font: bold 26px/30px "Helvetica Neue", Helvetica, sans-serif; } #stacks_in_519788 { margin: 20px; padding: 20px; } #stacks_in_519790>.s3_row { margin: 0 -10px; } #stacks_in_519790>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_519790>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_519790>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_519790>.s3_row { margin: -10px 0; } #stacks_in_519790>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_519810 { margin: 20px; padding: 20px; } #stacks_in_519813 { margin: 20px; padding: 20px; } #stacks_in_519792 { margin: 20px; padding: 20px; } #stacks_in_519793 { margin: 20px; padding: 20px; } #stacks_in_519795>.s3_row { margin: 0 -10px; } #stacks_in_519795>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_519795>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_519795>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_519795>.s3_row { margin: -10px 0; } #stacks_in_519795>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_519820 { margin: 20px; padding: 20px; } #stacks_in_519823 { margin: 20px; padding: 20px; } #stacks_in_519797 { margin: 20px; padding: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_519798shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_519800shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code */ #stacks_in_519801 { margin: 20px; padding: 20px; } @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_519838_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 24px 48px; border-radius: 6px; text-decoration: none; display: inline-block; margin: 0; font-size: 20px; line-height: 20px; /* */ /* */ /* */ background: #FD8008; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#FD8008), to(#FB0207)); background: linear-gradient(to right, #FD8008, #FB0207); background-origin: border-box; background-repeat: no-repeat; background-size: cover; /* */ /* */ /* */ /* */ font-family: "Helvetica Neue"; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_519838_press.press-lite:focus {outline:0;} #stacks_in_519838_press_wrap { /* */ /* */ display: flex; justify-content: center; /* */ /* */ margin: 12px 0px 13px 0px; } #stacks_in_519838_press.press-lite { white-space: nowrap; } #stacks_in_519838_press.press-lite .press-lite-text span, #stacks_in_519838_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(255, 255, 255, 1.00); /* */ font-weight: bold; /* */ } #stacks_in_519838_press.press-lite, #stacks_in_519838_press.press-lite .press-lite-text, #stacks_in_519838_press.press-lite .press-lite-text:after, #stacks_in_519838_press.press-lite .press-lite-text > span, #stacks_in_519838_press.press-lite .press-lite-icon i, #stacks_in_519838_press.press-lite .press-lite-icon img, #stacks_in_519838_press.press-lite .press-lite-icon svg, #stacks_in_519838_press.press-lite .press-lite-icon svg path, #stacks_in_519838_press.press-lite .press-lite-icon svg polyline, #stacks_in_519838_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_519838_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_519838_press.press-lite .press-lite-icon i, #stacks_in_519838_press.press-lite .press-lite-icon img { position: relative; color: rgba(255, 255, 255, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 20px; line-height: 20px; z-index: 1; } #stacks_in_519838_press.press-lite .press-lite-icon img { height: 20px; width: auto; vertical-align: top; } #stacks_in_519838_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 25.000000px; z-index: 1; } /* */ #stacks_in_519838_press.press-lite .press-lite-icon { float: right; margin-top: 0px; } #stacks_in_519838_press.press-lite .press-lite-icon i, #stacks_in_519838_press.press-lite .press-lite-icon img, #stacks_in_519838_press.press-lite .press-lite-icon svg { /* */ margin-right: 0px; margin-left: 8px; /* */ } /* */ #stacks_in_519838_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_519838_press.press-lite .press-lite-icon svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_519838_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(255, 255, 255, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_519838_press.press-lite:active, #stacks_in_519838_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ /* */ /* */ #stacks_in_519838_press.press-lite { padding: 0; } #stacks_in_519838_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 24px 48px 24px 25px; } #stacks_in_519838_press.press-lite .press-lite-icon i, #stacks_in_519838_press.press-lite .press-lite-icon img, #stacks_in_519838_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_519838_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 68px; height: 68px; text-align: center; } #stacks_in_519838_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 0, 0, 0.15); border-radius: 6px 0px 0px 6px; width: 68px; height: 70px; } /* */ /* */ #stacks_in_519838_press.press-lite .press-lite-icon:after { border-radius: 6px; } #stacks_in_519838_press.press-lite:hover .press-lite-icon i, #stacks_in_519838_press.press-lite:hover .press-lite-icon img, #stacks_in_519838_press.press-lite:hover .press-lite-icon svg { transform: translateX(24px); } #stacks_in_519838_press.press-lite:hover .press-lite-icon:after { width: 100%; } /* */ /* */ #stacks_in_519838_press.press-lite .press-lite-text { padding: 24px 25px 24px 48px; } #stacks_in_519838_press.press-lite .press-lite-icon { float: right; margin-top: 0px; } #stacks_in_519838_press.press-lite .press-lite-icon:after { top: -1px; right: -1px; bottom: -1px; left: auto; border-radius: 0px 6px 6px 0px; } #stacks_in_519838_press.press-lite .press-lite-icon:after { top: -1px; right: -1px; left: auto; bottom: -1px; } /* */ #stacks_in_519838_press.press-lite .press-lite-icon:after { border-radius: 6px; } #stacks_in_519838_press.press-lite:hover .press-lite-icon i, #stacks_in_519838_press.press-lite:hover .press-lite-icon img, #stacks_in_519838_press.press-lite:hover .press-lite-icon svg { transform: translateX(-24px); } #stacks_in_519838_press.press-lite:hover .press-lite-icon:after { right: 0px; } /* */ /* */ /* */ /* */ /* */ #stacks_in_519838_press.press-lite .press-lite-text { display: inline-grid; grid-template-columns: 1fr; height: 20px; text-align: center; overflow: hidden; box-sizing: content-box; } #stacks_in_519838_press.press-lite .press-lite-text > span { transform: translateY(0px); height: 20px; } #stacks_in_519838_press.press-lite .press-lite-text:after { height: 20px; content: "Roma Token"; transform: translateY(28px); } #stacks_in_519838_press.press-lite:hover .press-lite-text > span { transform: translateY(-48px); } #stacks_in_519838_press.press-lite:hover .press-lite-text:after { transform: translateY(-20px); } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_519838_press.press-lite { text-shadow: 0px 1px 2px rgba(0, 0, 0, 1.00); border: 1px solid rgba(0,0,0,0.15); box-shadow: inset 0px 0px 3px rgba(255,255,255,0.5), inset 0px 34.000000px 0px rgba(255,255,255,0.4), 0px 0px 3px rgba(0, 0, 0, 1.00); } #stacks_in_519838_press.press-lite:active { box-shadow: inset 0px 0px 3px rgba(0,0,0,0.25), inset 0px 34.000000px 0px rgba(255,255,255,0.0), 0px 0px 0px rgba(0, 0, 0, 1.00); } /* */ /* */ /* */ #stacks_in_519838_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_519838_press.press-lite .press-lite-line-t, #stacks_in_519838_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_519838_press.press-lite .press-lite-line-l, #stacks_in_519838_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_519838_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_519838_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_519838_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_519838_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ /* Start Responsive Shim stack CSS code */ .stacks_in_519839shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_519850shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code */#stacks_in_519845>.s3_row { margin: 0 -10px; } #stacks_in_519845>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_519845>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_519845>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_519845>.s3_row { margin: -10px 0; } #stacks_in_519845>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_519845 { margin: 20px; padding: 20px; } #stacks_in_519840 { margin: 20px; padding: 20px; } @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_519844_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 24px 48px; border-radius: 6px; text-decoration: none; display: inline-block; margin: 0; font-size: 20px; line-height: 20px; /* */ /* */ /* */ background: #6666FF; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#6666FF), to(#0F80FF)); background: linear-gradient(to right, #6666FF, #0F80FF); background-origin: border-box; background-repeat: no-repeat; background-size: cover; /* */ /* */ /* */ /* */ font-family: "Helvetica Neue"; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_519844_press.press-lite:focus {outline:0;} #stacks_in_519844_press_wrap { /* */ /* */ display: flex; justify-content: center; /* */ /* */ margin: 12px 0px 13px 0px; } #stacks_in_519844_press.press-lite { white-space: nowrap; } #stacks_in_519844_press.press-lite .press-lite-text span, #stacks_in_519844_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(255, 255, 255, 1.00); /* */ font-weight: bold; /* */ } #stacks_in_519844_press.press-lite, #stacks_in_519844_press.press-lite .press-lite-text, #stacks_in_519844_press.press-lite .press-lite-text:after, #stacks_in_519844_press.press-lite .press-lite-text > span, #stacks_in_519844_press.press-lite .press-lite-icon i, #stacks_in_519844_press.press-lite .press-lite-icon img, #stacks_in_519844_press.press-lite .press-lite-icon svg, #stacks_in_519844_press.press-lite .press-lite-icon svg path, #stacks_in_519844_press.press-lite .press-lite-icon svg polyline, #stacks_in_519844_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_519844_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_519844_press.press-lite .press-lite-icon i, #stacks_in_519844_press.press-lite .press-lite-icon img { position: relative; color: rgba(255, 255, 255, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 20px; line-height: 20px; z-index: 1; } #stacks_in_519844_press.press-lite .press-lite-icon img { height: 20px; width: auto; vertical-align: top; } #stacks_in_519844_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 25.000000px; z-index: 1; } /* */ #stacks_in_519844_press.press-lite .press-lite-icon { float: right; margin-top: 0px; } #stacks_in_519844_press.press-lite .press-lite-icon i, #stacks_in_519844_press.press-lite .press-lite-icon img, #stacks_in_519844_press.press-lite .press-lite-icon svg { /* */ margin-right: 0px; margin-left: 8px; /* */ } /* */ #stacks_in_519844_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_519844_press.press-lite .press-lite-icon svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_519844_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(255, 255, 255, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_519844_press.press-lite:active, #stacks_in_519844_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ /* */ /* */ #stacks_in_519844_press.press-lite { padding: 0; } #stacks_in_519844_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 24px 48px 24px 25px; } #stacks_in_519844_press.press-lite .press-lite-icon i, #stacks_in_519844_press.press-lite .press-lite-icon img, #stacks_in_519844_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_519844_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 68px; height: 68px; text-align: center; } #stacks_in_519844_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 0, 0, 0.15); border-radius: 6px 0px 0px 6px; width: 68px; height: 70px; } /* */ /* */ #stacks_in_519844_press.press-lite .press-lite-icon:after { border-radius: 6px; } #stacks_in_519844_press.press-lite:hover .press-lite-icon i, #stacks_in_519844_press.press-lite:hover .press-lite-icon img, #stacks_in_519844_press.press-lite:hover .press-lite-icon svg { transform: translateX(24px); } #stacks_in_519844_press.press-lite:hover .press-lite-icon:after { width: 100%; } /* */ /* */ #stacks_in_519844_press.press-lite .press-lite-text { padding: 24px 25px 24px 48px; } #stacks_in_519844_press.press-lite .press-lite-icon { float: right; margin-top: 0px; } #stacks_in_519844_press.press-lite .press-lite-icon:after { top: -1px; right: -1px; bottom: -1px; left: auto; border-radius: 0px 6px 6px 0px; } #stacks_in_519844_press.press-lite .press-lite-icon:after { top: -1px; right: -1px; left: auto; bottom: -1px; } /* */ #stacks_in_519844_press.press-lite .press-lite-icon:after { border-radius: 6px; } #stacks_in_519844_press.press-lite:hover .press-lite-icon i, #stacks_in_519844_press.press-lite:hover .press-lite-icon img, #stacks_in_519844_press.press-lite:hover .press-lite-icon svg { transform: translateX(-24px); } #stacks_in_519844_press.press-lite:hover .press-lite-icon:after { right: 0px; } /* */ /* */ /* */ /* */ /* */ #stacks_in_519844_press.press-lite .press-lite-text { display: inline-grid; grid-template-columns: 1fr; height: 20px; text-align: center; overflow: hidden; box-sizing: content-box; } #stacks_in_519844_press.press-lite .press-lite-text > span { transform: translateY(0px); height: 20px; } #stacks_in_519844_press.press-lite .press-lite-text:after { height: 20px; content: "Blockchain Explorer"; transform: translateY(28px); } #stacks_in_519844_press.press-lite:hover .press-lite-text > span { transform: translateY(-48px); } #stacks_in_519844_press.press-lite:hover .press-lite-text:after { transform: translateY(-20px); } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_519844_press.press-lite { text-shadow: 0px 1px 2px rgba(0, 0, 0, 1.00); border: 1px solid rgba(0,0,0,0.15); box-shadow: inset 0px 0px 3px rgba(255,255,255,0.5), inset 0px 34.000000px 0px rgba(255,255,255,0.4), 0px 0px 3px rgba(0, 0, 0, 1.00); } #stacks_in_519844_press.press-lite:active { box-shadow: inset 0px 0px 3px rgba(0,0,0,0.25), inset 0px 34.000000px 0px rgba(255,255,255,0.0), 0px 0px 0px rgba(0, 0, 0, 1.00); } /* */ /* */ /* */ #stacks_in_519844_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_519844_press.press-lite .press-lite-line-t, #stacks_in_519844_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_519844_press.press-lite .press-lite-line-l, #stacks_in_519844_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_519844_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_519844_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_519844_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_519844_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ /* Start Responsive Shim stack CSS code */ .stacks_in_519851shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_519874shim{ padding-top: 7%; } /* End Responsive Shim stack CSS code */#stacks_in_519859>.s3_row { margin: 0 -10px; } #stacks_in_519859>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_519859>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_519859>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_519859>.s3_row { margin: -10px 0; } #stacks_in_519859>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_519859 { margin: 20px; padding: 20px; } /* Start Responsive Shim stack CSS code */ .stacks_in_519869shim{ padding-top: 12%; } /* End Responsive Shim stack CSS code */ #stacks_in_519864 { margin: 20px; padding: 20px; } @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_in_519866_press.press-lite { box-sizing: border-box; position: relative; /* */ cursor: pointer; /* */ padding: 24px 48px; border-radius: 6px; text-decoration: none; display: inline-block; margin: 0; font-size: 20px; line-height: 20px; /* */ /* */ /* */ background: #FD8008; background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(#FD8008), to(#FB0207)); background: linear-gradient(to right, #FD8008, #FB0207); background-origin: border-box; background-repeat: no-repeat; background-size: cover; /* */ /* */ /* */ /* */ font-family: "Helvetica Neue"; /* */ border-style: solid; border-width: 1px; border-color: rgba(0, 0, 0, 0.15); } #stacks_in_519866_press.press-lite:focus {outline:0;} #stacks_in_519866_press_wrap { /* */ /* */ display: flex; justify-content: center; /* */ /* */ margin: 12px 0px 13px 0px; } #stacks_in_519866_press.press-lite { white-space: nowrap; } #stacks_in_519866_press.press-lite .press-lite-text span, #stacks_in_519866_press.press-lite .press-lite-text:after { overflow: hidden; color: rgba(255, 255, 255, 1.00); /* */ font-weight: bold; /* */ } #stacks_in_519866_press.press-lite, #stacks_in_519866_press.press-lite .press-lite-text, #stacks_in_519866_press.press-lite .press-lite-text:after, #stacks_in_519866_press.press-lite .press-lite-text > span, #stacks_in_519866_press.press-lite .press-lite-icon i, #stacks_in_519866_press.press-lite .press-lite-icon img, #stacks_in_519866_press.press-lite .press-lite-icon svg, #stacks_in_519866_press.press-lite .press-lite-icon svg path, #stacks_in_519866_press.press-lite .press-lite-icon svg polyline, #stacks_in_519866_press.press-lite .press-lite-icon:after { transition: all 200ms ease; } #stacks_in_519866_press.press-lite .press-lite-text { z-index: 1; position: relative; } #stacks_in_519866_press.press-lite .press-lite-icon i, #stacks_in_519866_press.press-lite .press-lite-icon img { position: relative; color: rgba(255, 255, 255, 1.00); display: inline-block; /* */ margin-right: 8px; /* */ font-size: 20px; line-height: 20px; z-index: 1; } #stacks_in_519866_press.press-lite .press-lite-icon img { height: 20px; width: auto; vertical-align: top; } #stacks_in_519866_press.press-lite .press-lite-icon svg { display: inline-block; /* */ margin-right: 8px; /* */ height: 25.000000px; z-index: 1; } /* */ #stacks_in_519866_press.press-lite .press-lite-icon { float: right; margin-top: 0px; } #stacks_in_519866_press.press-lite .press-lite-icon i, #stacks_in_519866_press.press-lite .press-lite-icon img, #stacks_in_519866_press.press-lite .press-lite-icon svg { /* */ margin-right: 0px; margin-left: 8px; /* */ } /* */ #stacks_in_519866_press.press-lite .press-lite-icon.press-lite-icon-off svg { transform: translateX(5%); } #stacks_in_519866_press.press-lite .press-lite-icon svg path { fill: rgba(255, 255, 255, 1.00); } #stacks_in_519866_press.press-lite .press-lite-icon svg polyline { fill:none; stroke: rgba(255, 255, 255, 1.00); stroke-linecap:round; stroke-linejoin:round; stroke-width:48px; } #stacks_in_519866_press.press-lite:active, #stacks_in_519866_press.press-lite:focus { transform: translate(0,0); } /* */ /* */ /* */ /* */ #stacks_in_519866_press.press-lite { padding: 0; } #stacks_in_519866_press.press-lite .press-lite-text { position: relative; z-index: 1; display: inline-block; padding: 24px 48px 24px 25px; } #stacks_in_519866_press.press-lite .press-lite-icon i, #stacks_in_519866_press.press-lite .press-lite-icon img, #stacks_in_519866_press.press-lite .press-lite-icon svg { margin: 0; } #stacks_in_519866_press.press-lite .press-lite-icon { padding: 0px; display: grid; float:left; align-content: center; justify-content: center; width: 68px; height: 68px; text-align: center; } #stacks_in_519866_press.press-lite .press-lite-icon:after { content: ""; color: transparent; position: absolute; top: -1px; left: -1px; bottom: -1px; background: rgba(0, 0, 0, 0.15); border-radius: 6px 0px 0px 6px; width: 68px; height: 70px; } /* */ /* */ #stacks_in_519866_press.press-lite .press-lite-icon:after { border-radius: 6px; } #stacks_in_519866_press.press-lite:hover .press-lite-icon i, #stacks_in_519866_press.press-lite:hover .press-lite-icon img, #stacks_in_519866_press.press-lite:hover .press-lite-icon svg { transform: translateX(24px); } #stacks_in_519866_press.press-lite:hover .press-lite-icon:after { width: 100%; } /* */ /* */ #stacks_in_519866_press.press-lite .press-lite-text { padding: 24px 25px 24px 48px; } #stacks_in_519866_press.press-lite .press-lite-icon { float: right; margin-top: 0px; } #stacks_in_519866_press.press-lite .press-lite-icon:after { top: -1px; right: -1px; bottom: -1px; left: auto; border-radius: 0px 6px 6px 0px; } #stacks_in_519866_press.press-lite .press-lite-icon:after { top: -1px; right: -1px; left: auto; bottom: -1px; } /* */ #stacks_in_519866_press.press-lite .press-lite-icon:after { border-radius: 6px; } #stacks_in_519866_press.press-lite:hover .press-lite-icon i, #stacks_in_519866_press.press-lite:hover .press-lite-icon img, #stacks_in_519866_press.press-lite:hover .press-lite-icon svg { transform: translateX(-24px); } #stacks_in_519866_press.press-lite:hover .press-lite-icon:after { right: 0px; } /* */ /* */ /* */ /* */ /* */ #stacks_in_519866_press.press-lite .press-lite-text { display: inline-grid; grid-template-columns: 1fr; height: 20px; text-align: center; overflow: hidden; box-sizing: content-box; } #stacks_in_519866_press.press-lite .press-lite-text > span { transform: translateY(0px); height: 20px; } #stacks_in_519866_press.press-lite .press-lite-text:after { height: 20px; content: "Rocheston Crypto Casino"; transform: translateY(28px); } #stacks_in_519866_press.press-lite:hover .press-lite-text > span { transform: translateY(-48px); } #stacks_in_519866_press.press-lite:hover .press-lite-text:after { transform: translateY(-20px); } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_519866_press.press-lite { text-shadow: 0px 1px 2px rgba(0, 0, 0, 1.00); border: 1px solid rgba(0,0,0,0.15); box-shadow: inset 0px 0px 3px rgba(255,255,255,0.5), inset 0px 34.000000px 0px rgba(255,255,255,0.4), 0px 0px 3px rgba(0, 0, 0, 1.00); } #stacks_in_519866_press.press-lite:active { box-shadow: inset 0px 0px 3px rgba(0,0,0,0.25), inset 0px 34.000000px 0px rgba(255,255,255,0.0), 0px 0px 0px rgba(0, 0, 0, 1.00); } /* */ /* */ /* */ #stacks_in_519866_press.press-lite .press-lite-lines { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: grid; } #stacks_in_519866_press.press-lite .press-lite-line-t, #stacks_in_519866_press.press-lite .press-lite-line-b { position: absolute; height: 1px; width: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_519866_press.press-lite .press-lite-line-l, #stacks_in_519866_press.press-lite .press-lite-line-r { position: absolute; width: 1px; height: 0%; background: rgba(0, 0, 0, 1.00); transition: all 200ms ease; } #stacks_in_519866_press.press-lite .press-lite-line-t { top: 0; } #stacks_in_519866_press.press-lite .press-lite-line-b { bottom: 0; width: 100%; } #stacks_in_519866_press.press-lite .press-lite-line-l { left: 0; } #stacks_in_519866_press.press-lite .press-lite-line-r { right: 0; } /* */ /* */ /* */ /* */ /* Start Responsive Shim stack CSS code */ .stacks_in_519858shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code */ #stacks_in_519877 { margin: 20px; padding: 20px; } #stacks_in_519803 { margin: 20px; padding: 20px; } /* -- Start Bellboy Each css Template -- */ .stacks_in_519675bellboywrapper{ width: 50px; margin: 0 auto; display : none; } .stacks_in_519675bellboy{ position: relative; cursor: pointer; background: rgba(0, 0, 0, 1.00); width: 50px; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: rgba(255, 255, 255, 1.00); text-align: center; line-height: 50px; font-size: 22.727272px; margin: 5px; z-index: 1000; background: rgba(0, 0, 0, 1.00); } .stacks_in_519675bellboy i { position: relative; display: block; margin: 0 auto 0 auto; width: 50px; height: 50px; line-height: 50px; font-size: 22.727272px; vertical-align: middle; } .stacks_in_519675bellboy:hover{ color: rgba(235, 235, 235, 1.00); background: rgba(15, 15, 15, 1.00); /* Old browsers */ } /* -- End Bellboy Each css Template -- *//* @group Page */ /* Stop the background page scrolling when the modal is open */ body.sociableOpen { overflow: hidden !important; } /* @end */ /* @group Share Button */ #socialPopupTriggerButtonstacks_in_519676 *, #socialPopupTriggerButtonstacks_in_519676 *::after, #socialPopupTriggerButtonstacks_in_519676 *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #socialPopupTriggerButtonstacks_in_519676 { position: fixed; top: 7.00%; right: 2.00%; cursor: pointer; z-index: 999; } #socialPopupTriggerButtonstacks_in_519676 { display: none; } #socialPopupTriggerButtonstacks_in_519676 a { background: none; border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; outline: none; } #socialPopupTriggerButtonstacks_in_519676 a:focus { outline: none; border: none; } #socialPopupTriggerButtonstacks_in_519676 #socialPopupTriggerButtonBorderstacks_in_519676 { border: 2px solid #CDCDCD; background: #000000; border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; height: 50px; overflow: hidden; z-index: 5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_519676:hover #socialPopupTriggerButtonBorderstacks_in_519676 { border: 2px solid #999999; background: #000000; } #socialPopupTriggerButtonstacks_in_519676:hover #socialPopupTriggerButtonBorderstacks_in_519676 { padding-right: 15px; } #socialPopupTriggerButtonstacks_in_519676 #socialPopupTriggerButtonIconstacks_in_519676 [class^="fa fa-"] { color: #FFFFFF; font-size: 24px; line-height: 50px; width: 50px; text-align: center; display: block; float: left; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_519676:hover #socialPopupTriggerButtonBorderstacks_in_519676 [class^="fa fa-"] { color: #FFFFFF; } #socialPopupTriggerButtonstacks_in_519676 #socialPopupTriggerButtonTextstacks_in_519676 { color: #333333; font: 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: right; max-width: 0px; overflow: hidden; line-height: 50px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_519676:hover #socialPopupTriggerButtonTextstacks_in_519676 { max-width: 300px; color: #FFFFFF; } /* @end */ /* @group Content Block (top of modal) */ #sociableContentBlock { max-width: 1200px; margin: 0 auto; text-align: center; } #adBlockMessage { display: none; } #adBlockMessage.adBlockTrue { display: block; color: #ffffff; text-align: center; font-size: 16px; } /* @end */ /* @group Modal Window */ /* General styles for the modal */ /* Styles for the html/body for special modal where we want 3d effects Note that we need a container wrapping all content on the page for the perspective effects (not including the modals and the overlay). */ .socialPopupModalPerspective, .socialPopupModalPerspective body { height: 100%; overflow: hidden; } .socialPopupModalPerspective body { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .socialPopupModal-1 { position: fixed; top: 0%; left: 0%; width: 100%; overflow: auto; height: 100%; z-index: 19991; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .socialPopupModalShow { visibility: visible; } .socialPopupModalOverlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1999; opacity: 0; background: #000000; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow ~ .socialPopupModalOverlay { opacity: 0.85; visibility: visible; } /* Content styles */ #socialPopupModalContentstacks_in_519676 { position: relative; border-radius: 3px; margin: 0 auto; } /* Individual modal styles with animations/transitions */ /* */ /* @group Effect 1 */ /* Effect 1: Fade in and scale up */ .socialPopupModalEffect-1 #socialPopupModalContentstacks_in_519676 { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-1 #socialPopupModalContentstacks_in_519676 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 2 */ /* Effect 2: Slide from the right */ .socialPopupModalEffect-2 #socialPopupModalContentstacks_in_519676 { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); } .socialPopupModalShow.socialPopupModalEffect-2 #socialPopupModalContentstacks_in_519676 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* @end */ /* @group Effect 3 */ /* Effect 3: Slide from the bottom */ .socialPopupModalEffect-3 #socialPopupModalContentstacks_in_519676 { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-3 #socialPopupModalContentstacks_in_519676 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* @end */ /* @group Effect 4 */ /* Effect 4: Newspaper */ .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_519676 { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-4 ~ .socialPopupModalOverlay, .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_519676 { -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-4 #socialPopupModalContentstacks_in_519676 { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 5 */ /* Effect 5: fall */ .socialPopupModalEffect-5.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-5 #socialPopupModalContentstacks_in_519676 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-5 #socialPopupModalContentstacks_in_519676 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 6 */ /* Effect 6: side fall */ .socialPopupModalEffect-6.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-6 #socialPopupModalContentstacks_in_519676 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-6 #socialPopupModalContentstacks_in_519676 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 7 */ /* Effect 7: slide and stick to top */ .socialPopupModalEffect-7{ top: 0; -webkit-transform: translateX(-0%); -moz-transform: translateX(-0%); -ms-transform: translateX(-0%); transform: translateX(-0%); } .socialPopupModalEffect-7 #socialPopupModalContentstacks_in_519676 { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-7 #socialPopupModalContentstacks_in_519676 { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* @end */ /* @group Effect 8 */ /* Effect 8: 3D flip horizontal */ .socialPopupModalEffect-8.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-8 #socialPopupModalContentstacks_in_519676 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-8 #socialPopupModalContentstacks_in_519676 { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* @end */ /* @group Effect 9 */ /* Effect 9: 3D flip vertical */ .socialPopupModalEffect-9.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-9 #socialPopupModalContentstacks_in_519676 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-9 #socialPopupModalContentstacks_in_519676 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 10 */ /* Effect 10: 3D sign */ .socialPopupModalEffect-10.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-10 #socialPopupModalContentstacks_in_519676 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-10 #socialPopupModalContentstacks_in_519676 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 11 */ /* Effect 11: Super scaled */ .socialPopupModalEffect-11 #socialPopupModalContentstacks_in_519676 { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-11 #socialPopupModalContentstacks_in_519676 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 12 */ /* Effect 12: Just me */ .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_519676 { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-12 ~ .socialPopupModalOverlay { background: #000000; } .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_519676 h3, .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_519676 { background: transparent; } .socialPopupModalShow.socialPopupModalEffect-12 #socialPopupModalContentstacks_in_519676 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 13 */ /* Effect 13: 3D slit */ .socialPopupModalEffect-13.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-13 #socialPopupModalContentstacks_in_519676 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-13 #socialPopupModalContentstacks_in_519676 { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* @end */ /* @group Effect 14 */ /* Effect 14: 3D Rotate from bottom */ .socialPopupModalEffect-14.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-14 #socialPopupModalContentstacks_in_519676 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } .socialPopupModalShow.socialPopupModalEffect-14 #socialPopupModalContentstacks_in_519676 { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 15 */ /* Effect 15: 3D Rotate in from left */ .socialPopupModalEffect-15.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-15 #socialPopupModalContentstacks_in_519676 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-15 #socialPopupModalContentstacks_in_519676 { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* @end */ /* */ /* @end */ /* @group Close button */ #sociableCloseButtonstacks_in_519676 { position: absolute; top: 0; right: 0; padding: 0; margin: 0; color: #FF0000; font-size: 40px; line-height: 80px; width: 80px; text-align: center; text-decoration: none; background: none; border: none; outline: none; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_519676 [class^="fa fa-"] { color: #FF0000; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_519676:hover, #sociableCloseButtonstacks_in_519676:hover [class^="fa fa-"] { color: #00FF00; } /* @end */ /* @group Radioactive Scroll Indicator */ @-webkit-keyframes radioactiveGlow { from { -webkit-box-shadow: 0 0 50px #FFFFFF; } 50% { -webkit-box-shadow: 0 0 0px #000000; } to { -webkit-box-shadow: 0 0 50px #FFFFFF; } } @-moz-keyframes radioactiveGlow { from { -moz-box-shadow: 0 0 50px #FFFFFF; } 50% { -moz-box-shadow: 0 0 0px #000000; } to { -moz-box-shadow: 0 0 50px #FFFFFF; } } @-ms-keyframes radioactiveGlow { from { -ms-box-shadow: 0 0 50px #FFFFFF; } 50% { -ms-box-shadow: 0 0 0px #000000; } to { -ms-box-shadow: 0 0 50px #FFFFFF; } } @keyframes radioactiveGlow { from { box-shadow: 0 0 50px #FFFFFF; } 50% { box-shadow: 0 0 0px #000000; } to { box-shadow: 0 0 50px #FFFFFF; } } #radioactiveScrollIndicatorstacks_in_519676 { -webkit-animation-name: radioactiveGlow; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-name: radioactiveGlow; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -ms-animation-name: radioactiveGlow; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; animation-name: radioactiveGlow; animation-duration: 2s; animation-iteration-count: infinite; position: fixed; bottom: -50px; left: 0px; width: 100%; height: 50px; background: #ffffff; display: none; } .socialPopupScrollable #radioactiveScrollIndicatorstacks_in_519676 { display: block; } .modalScrolled #radioactiveScrollIndicatorstacks_in_519676 { display: none; } /* @end */ /* @group Social Icon List */ #sociableIconWrapper *, #sociableIconWrapper *::after, #sociableIconWrapper *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableIconWrapper { max-width: 1200px; margin: 60px auto; z-index: 1999; position: relative; } .socialIconArray { display: block; text-align: center; } .socialIconArray div { display: inline-block; width: auto; height: auto; line-height: 100px; text-align: center; position: relative; margin-bottom: 30px; text-align: center; line-height: 1.50em; font-size: 24px; z-index: 5; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; color: #FFFFFF; } .socialIconArray div:hover { color: #FFFFFF; } .socialIconArray div a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; } .socialIconArray div [class^="fa fa-"] { font-size: 60px; height: 100px; width: 100px; line-height: 100px; border-radius: 50px; position: relative; z-index: 5; border: 2px solid #FFFFFF; transition: all 300ms ease-in-out; overflow: hidden; display: block; margin: 30px; } .socialIconArray div:hover [class^="fa fa-"] { -webkit-box-shadow: 0px 0px 30px #FFFFFF; -moz-box-shadow: 0px 0px 30px #FFFFFF; box-shadow: 0px 0px 30px #FFFFFF; border: 2px solid #FFFFFF; } /* Sub headings */ .socialIconArray .subheading { margin-top: 30px; padding-top: 30px; font-size: 24px; display: block; float: none; color: #FFFFFF; } .socialIconArray .subheading a, .socialIconArray .subheading a:visited { color: #FFFFFF; text-decoration: underline; position: relative; top: auto; left: auto; width: auto; height: auto; display: inline; } .socialIconArray .subheading a:hover, .socialIconArray .subheading a:active { color: #FFFFFF; text-decoration: underline; } /* Utility icons */ #sociableUtilityIcons *, #sociableUtilityIcons *::after, #sociableUtilityIcons *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableUtilityIcons { border-top: 1px solid #CDCDCD; margin-top: 20px; padding-top: 30px; display: block; } /* @end */ /* @group Print Styling */ @media print { #socialPopupstacks_in_519676, #socialPopupModalOverlaystacks_in_519676, #socialPopupTriggerButtonstacks_in_519676 { display: none !important; } } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end */ #stacks_in_519834 { margin: 20px; padding: 20px; }