Files
website/administrator/css/svjf_editor.css

617 lines
8.5 KiB
CSS

.grid_44col
{
width : 1056px;
float : none;
}
.grid_43col
{
width : 1032px;
float : left;
}
.grid_42col
{
width : 1008px;
float : left;
}
.editor_wrapper
{
margin : 0px auto;
height : 99%;
padding : 35px 0px 0px 0px;
width : 1058px;
}
.editable_hover
{
cursor : crosshair;
opacity : .5;
background-color : #ff0000;
}
.spacer24
{
height : 24px;
}
.onright
{
float : right;
}
#rist_editor
{
height : 100%;
}
#editor_layer
{
position : fixed;
height : 100%;
width : 100%;
left : 0px;
top : 0px;
z-index : 999;
background-color : rgba( 255 , 255 , 255 , .3 );
padding : 0px;
margin : 0px;
display : none;
}
#editor_layer .grid_40col
{
float : left;
clear : none;
}
#editor_header
{
background-color : #000000;
height : 36px;
position : absolute;
top : 0px;
}
#editor_title
{
height : 36px;
line-height : 36px;
color : #ffffff;
font-size : 1.25rem;
font-weight : bold;
}
#editor_layer_close
{
margin : 6px 0px;
cursor : pointer;
}
#editor_content_outer
{
height : 100%;
background-color : #ffffff;
background-image : linear-gradient(0deg, transparent 23px, #cccccc 24px ),
linear-gradient(90deg, transparent 23px, #cccccc 24px);
background-image : -webkit-linear-gradient(0deg, transparent 23px, #cccccc 24px ),
-webkit-linear-gradient(90deg, transparent 23px, #cccccc 24px);
background-size : 24px 24px;
}
#editor_content
{
position : relative;
height : 100%;
padding : 24px 39px 48px 39px;
}
#editor_content > div
{
height : 100%;
overflow-y : auto;
overflow-x : hidden;
width : 1000px;
}
#editor_content .bottom
{
position : absolute;
bottom : 12px;
left : 48px;
width : 100%;
padding-right : 96px;
}
.submitButton
{
padding : 4px 0px;
background-color : #cccccc;
line-height : 1.0rem;
text-align : center;
font-weight : bold;
text-decoration : none;
color : #000000;
float : right;
margin-top : 24px;
min-width : 144px;
cursor : pointer;
}
.submitButton:not(:first-of-type)
{
float : left;
}
.submitButton:hover
{
background-color : #e3000b;
color : #ffffff;
}
.buttonGroup
{
width : 193px;
float : left;
border : 1px solid #666666;
padding : 0px 22px 22px 23px;
}
.buttonGroup.onright
{
margin-right : -1px;
float : right;
}
.buttonGroup .submitButton
{
float : left;
margin-top : 0px;
}
.buttonGroup .submitButton
{
margin-top : -1px;
}
.editor_slider
{
height : 100%;
}
.editor_slider > div
{
height : 100%;
display : none;
}
.editor_slider > div:first-of-type
{
display : block;
}
.editor_slider .inner
{
padding : 1px 9px;
}
input , select , textarea, label
{
font-family : verdana;
font-size : 1.0rem;
line-height : 1.0rem;
float : left;
}
label
{
margin-top : 6px;
padding-bottom : 2px;
}
input[type=radio] , input[type=checkbox]
{
margin-top : 6px;
margin-left : 5px;
margin-right : 6px;
}
input[type=text] , input[type=password]
{
border : 0px none;
border-bottom : 1px solid #666666;
width : 383px;
padding-top : 4px;
padding-left : 6px;
height : 24px;
}
textarea
{
width : 755px;
height : 114px;
border : 0px none;
padding : 2px 6px;
border-bottom : 1px solid #666666;
margin-top : 1px;
line-height : 1.5rem;
}
label
{
width : 192px;
display : inline-block;
color : #666666;
}
input.date_picker , input.short
{
width : 191px;
}
input.tiny
{
width : 47px;
margin-right : 1px;
}
label.tiny
{
width : 24px;
text-align : center;
}
label.tinyleft
{
width : 96px;
}
input.max
{
width : 768px;
}
li.navclose ul
{
display : none;
}
#struktur
{
margin : 0px 16px 0px 8px;
font-size : 0.75rem;
line-height : 0.875rem;
border : 2px solid #666666;
background-color : #FFFFFF;
height : 100%;
width : 472px;
overflow-y : auto;
float : left;
position : relative;
}
#struktur ul , #otherMain_box ul
{
padding-left : 24px;
}
#otherMain_box > ul
{
padding-left : 0px;
}
#struktur > ul
{
padding-left : 0px;
}
#navPoint
{
display : none;
width : 472px;
height : 100%;
float : left;
border : 2px solid #666666;
padding : 23px 22px 10px 14px;
position : relative;
overflow-y : auto;
}
#imageEditor
{
margin : 0px 0px 0px 8px;
padding : 0;
width : 960px;
background-color : transparent;
position : relative;
}
#rist_editor .ui-widget-content
{
background-image: none;
}
.ui-datepicker
{
background-color: #ffffff;
}
#imgHolder
{
padding : 0px;
position : relative;
left : 22px;
margin-bottom : 48px;
}
#imgImage
{
position : absolute;
z-index : 10;
}
#imgBlende
{
position : absolute;
z-index : 100;
}
#imgPreview
{
left : 0px;
top : 0px;
cursor : move;
}
#blendeTop, #blendeLeft, #blendeRight, #blendeBottom
{
position : absolute;
background-color : rgba( 255 , 255 ,255 , .7 );
}
.preserveChanges
{
width : 100%;
height : 100%;
position : absolute;
top : 0px;
left : 0px;
z-index : 50;
background-color : rgba( 100 , 100 , 100 , .5);
display : none;
}
li.open > span
{
content : '-';
}
li.navclose > span
{
content : '+';
}
li.open > span , li.navclose > span , li.empty > span
{
width : 24px;
display : inline-block;
cursor : pointer;
background-image : url('../images/folders.png');
}
li.open > span
{
background-position : 0px -27px;
}
li.navclose > span
{
background-position : 0px -2px;
}
li.empty > span
{
cursor : default;
background-position : 0px -51px;
}
li.not_editable
{
color : #AAAAAA;
cursor : default;
}
li.editable
{
color : #222222;
cursor : crosshair;
}
li.editorDeactive
{
color : #AAAAAA;
font-style : italic;
}
li.editorChosen
{
font-weight : bold;
}
li.editorChosen li
{
font-weight : normal;
}
.hidden
{
display : none;
}
.disabled
{
background-color : #eeeeee;
color : #cccccc;
font-style : italic;
cursor : default;
}
.disabled:hover
{
background-color : #eeeeee;
color : #cccccc;
font-style : italic;
}
.highlight
{
background-color : #e3000b;
color : #ffffff;
}
input#content
{
padding-top : 4px;
}
input.headline
{
font-size : 1.25rem;
border : none;
width : 960px;
}
#editor_elements
{
position : absolute;
z-index : 100;
right : 0px;
top : 462px;
border : 1px solid #000000;
overflow : hidden;
background-color : #ffffff;
}
#element_title
{
background-color : #000000;
color : #ffffff;
font-weight : bold;
padding : 0px 11px;
cursor : move;
}
#element_content
{
padding : 12px 11px 4px 11px;
}
#element_content .grid_40col
{
width : 100%;
float : none;
height : 24px;
background-color : #999999;
display : inline-block;
overflow : hidden;
text-align : center;
font-weight : bold;
color : #ffffff;
cursor : move;
}
#element_content .grid_40col p
{
text-align : center;
}
#element_content h2 , p
{
font-size : 1.0rem;
}
#element_content img
{
display : none;
}
#element_content .content
{
text-align : center;
}
#content.highlight
{
background-color : rgba( 160 , 160 , 160 , .2 );
color : #000000;
}
#content .new_box
{
border : 1px dashed #000000;
background-color : #ffffff;
}
#content .sort_handle , #rist_editor .sort_handle
{
background-color : #ffffff;
position : absolute;
right : 0px;
top : 0px;
width : 24px;
height : 24px;
background-image : url( '../images/svjf/icon-sortable.png' );
cursor : move;
}
#content .del_handle, #rist_editor .del_handle
{
background-color : #ffffff;
position : absolute;
right : 24px;
top : 0px;
width : 24px;
height : 24px;
background-image : url( '../images/svjf/icon-delete.png' );
cursor : pointer;
}
#newSort_box li
{
position : relative;
list-style-type : none;
}
#generalSettings
{
padding-bottom : 96px;
}
#generalSettings .bottom
{
left : 48px;
}
#imgThumbs img
{
display : block;
float : none;
}
#wait
{
position : absolute;
width : 100%;
height : 100%;
background-color : rgba( 255 , 255 , 255 , .7 );
z-index : 99;
display : none;
}
#wait img
{
position : absolute;
top : 50%;
left : 50%;
margin-top : -48px;
margin-left : -48px;
}