#pageslide { /* These styles MUST be included. Do not change. */ display: none; position: fixed; top: 40px; bottom: 0; z-index: 1000; overflow: auto; /* Specify the width of your pageslide here */ /*padding: 5px;*/ /* These styles are optional, and describe how the pageslide will look */ background-color: #333; color: #FFF; -webkit-box-shadow: inset 0 0 5px 5px #222; -moz-box-shadow: inset 0 0 5px 5px #222; box-shadow: inset 0 0 5px 5px #222; } #pageslide .page-title { padding: 10px; background-color: #232323; border-bottom: 1px solid #424242; line-height: 2em; } #pageslide .page-title a { color: #FFF; text-decoration: none; font-size: 1.6em; } #pageslide .page-title span { font-size: 1.7em; } #pageslide .view-page { position: absolute; top: 0; bottom: 0; width: 100%; } #pageslide .content { padding: 15px; outline: none; } #pageslide form { margin-bottom: 0; } #pageslide legend { color: #FFFFFF; border-bottom: 1px solid #949494; } #pageslide .radio.inline, #pageslide .checkbox.inline { white-space: nowrap; } #pageslide .radio.inline, #pageslide .checkbox.inline, #pageslide .radio.inline + #pageslide .radio.inline, #pageslide .checkbox.inline + #pageslide .checkbox.inline { margin-left: 0; margin-right: 20px; margin-right: 10px\9; } #pageslide .form-actions { background-color: transparent; margin-bottom: 0; margin-bottom: 20px\9; padding: 19px 0 0; border-top-color: #828282; text-align: right; } #pageslide .preview { position: relative; height: 80px; margin: 0; padding: 0; } #pageslide .preview img { position: absolute; left: 0; top: 0; } #pageslide .banner_set { vertical-align: middle; display: inline-block; height: 30px; padding: 0 2px 0 5px; } #pageslide .groups { margin-bottom: 10px; } #pageslide .error-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; background-color: #333; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: .95; } #pageslide .error-cover .msg { position: absolute; top: 50%; margin-top: -55px; height: 110px; width: 100%; } #pageslide .error-cover i { font-size: 6em; } #pageslide .error-cover p { font-size: 1.3em; } #pageslide .suckIE { color: #EE4545; } #pageslide .link-options { display: none; } #pageslide .active-link { margin-bottom: 10px; } #pageslide .active-link > label { margin-bottom: 0; } #pageslide .active-link .active-mune { margin-left: 20px; display: none; } #pageslide .active-link .active-mune span { display: inline-block; margin-right: 20px; margin-top: 5px; color: #8A8A8A; float: left; } #pageslide .display-mode i { font-size: 2em; } #pageslide .display-mode table { margin-bottom: 10px; text-align: left; } #pageslide .display-mode table td:last-child { text-align: right; } #pageslide .display-mode table thead th { color: #8A8A8A; font-size: 12px; } #pageslide .typesetting { margin: 0; list-style: none; } #pageslide .typesetting li { width: 60px; height: 60px; position: relative; margin-bottom: 10px; padding: 2px; } #pageslide .typesetting li.active { border-radius: 5px; background-color: #fff; } #pageslide .typesetting li.active:after { font-family: FontAwesome; content: "\f00c"; font-size: 12px; text-indent: 15px; line-height: 18px; color: #08C; position: absolute; top: 2px; right: 2px; width: 0px; height: 0px; border-style: solid; border-width: 0 30px 30px 0; border-color: transparent #FFF transparent transparent; z-index: 1; } #pageslide .typesetting input[type="radio"] { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)0; opacity: 0; position: absolute; width: 100%; height: 100%; margin: 0; } #pageslide .typesetting img { width: 100%; height: 100%; } #pageslide .typesetting .style_description { position: absolute; width: 195px; top: 0; left: 75px; line-height: 1.1em; font-size: 12px; color: #E7E7E7; padding-top: 5px; } /* iFrame */ #pageslide_iframe .page_content { background-color: #000; }