orbit-basic/app/assets/stylesheets/lib/pageslide.css

213 lines
4.2 KiB
CSS

#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;
}