#autience-close-button{ cursor: pointer; } #autience-hide-forever{ text-align: center; font-size: 13px; color: white; display:none; font-family: Arial; } #autience-hide-forever-text{ font-size: 13px; } label.autience-checkbox-label input[type=checkbox]{ position: relative; vertical-align: middle; bottom: 1px; } #powered-by-autience{ position: fixed; width: 100%; bottom: 10px; display:none; text-align: center; } #powered-by-autience-link{ color: #ccc; font-size: 14px; font-family: Arial; } .autience-blog-page-container{ display: none; } /*Define container classes specific to each layout*/ /*Attributes like Background transparent etc, which are a property of the container, but specific to each layout */ .autience-container-centered{ width: 100%; height: 100%; background: url(../images/transpbg.png) repeat top left; top:0px; position: fixed; z-index: 9999 !important; } .autience-layout-centered{ /*width:100%;*/ color:black; /*width:700px;*/ position: relative; top: 50%; transform: translateY(-50%); margin-left: auto; margin-right: auto; } .autience-layout-centered .autience-content-bound{ width:100%; } /*Positioning of the close button based on layout*/ .autience-layout-centered .autience-close-layout{ float: right; display: block; margin-right:8px; cursor: pointer; } .autience-error-message{ color:red; } @media only screen and (min-width: 768px) { /* tablets and desktop */ } @media only screen and (max-width: 767px) { /* phones */ } @media only screen and (max-width: 767px) and (orientation: portrait) { /* portrait phones */ } @media only screen and (max-width : 360px){ /* phones potrait */ }