290 lines
6.6 KiB
CSS
290 lines
6.6 KiB
CSS
body#ipboard_body.selecting, body#ipboard_body.selecting a {
|
|
cursor: crosshair !important;
|
|
}
|
|
|
|
#skingen_pane_a_others {
|
|
height: 170px !important;
|
|
}
|
|
|
|
.skingen_editor {
|
|
background: #515151;
|
|
color: #fff;
|
|
position: fixed;
|
|
z-index: 100000;
|
|
border-radius: 6px;
|
|
box-shadow: 0px 4px 20px rgba(0,0,0,0.7);
|
|
-webkit-box-shadow: 0px 4px 20px rgba(0,0,0,0.7);
|
|
}
|
|
|
|
#skingen_editor {
|
|
width: 650px;
|
|
top: 50px;
|
|
right: 100px;
|
|
}
|
|
|
|
#skingen_editor a {
|
|
color: #fff !important;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.skingen_editor h1 {
|
|
background: #2d2d2d;
|
|
padding: 7px 0;
|
|
text-align: center;
|
|
border-radius: 6px 6px 0 0;
|
|
cursor: move;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.skingen_content {
|
|
position: relative;
|
|
height: 350px;
|
|
}
|
|
|
|
.skingen_desc {
|
|
margin: 10px;
|
|
font-size: 12px;
|
|
line-height: 1.6;
|
|
color: #d7d7d7;
|
|
text-align: center;
|
|
}
|
|
|
|
.skingen_buttons {
|
|
margin: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.skingen_buttons a {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
#skingen_colorize_editor, #skingen_settings_editor, #skingen_buildskin_editor {
|
|
width: 450px;
|
|
top: 50px;
|
|
right: 100px;
|
|
}
|
|
|
|
#skingen_colorize_editor .skingen_content {
|
|
height: auto;
|
|
}
|
|
|
|
#skingen_colorize_editor table td {
|
|
text-align: center;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
#skingen_colorize_editor .color {
|
|
height: 40px;
|
|
width: 80px;
|
|
margin-bottom: 5px;
|
|
border-radius: 50px;
|
|
cursor: pointer;
|
|
background: red;
|
|
display: inline-block;
|
|
box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
|
|
-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
.skingen_sections {
|
|
width: 200px;
|
|
position: absolute;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
top: 36px;
|
|
overflow: auto;
|
|
background: #484848;
|
|
border: 1px solid #414141;
|
|
}
|
|
|
|
.skingen_sections.otherClasses {
|
|
position: relative;
|
|
width: 100%;
|
|
top: 5px;
|
|
}
|
|
|
|
.skingen_sections h3 {
|
|
padding: 4px 6px;
|
|
background: #414141;
|
|
font-size: 14px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.skingen_toggle_group {
|
|
width: 12px; height: 12px;
|
|
display: inline-block;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.skingen_sections h3.closed .skingen_toggle_group {
|
|
background: url( ../style_extra/skin_creator/group_closed.png ) no-repeat !important;
|
|
}
|
|
.skingen_sections h3.open .skingen_toggle_group {
|
|
background: url( ../style_extra/skin_creator/group_open.png ) no-repeat !important;
|
|
}
|
|
|
|
.skingen_sections li {
|
|
padding: 6px 6px 6px 22px;
|
|
margin-bottom: 3px;
|
|
cursor: pointer;
|
|
font-size: 11px;
|
|
color: #d2d2d2;
|
|
}
|
|
|
|
.skingen_sections li:hover{
|
|
background: #7b7b7b;
|
|
}
|
|
|
|
.skingen_sections .color {
|
|
display: block;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-right: 8px;
|
|
float: right;
|
|
}
|
|
|
|
#skingen_toolbar {
|
|
padding: 5px 10px;
|
|
background: #45484d; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #45484d 0%, #2b2b2b 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */
|
|
}
|
|
|
|
#skingen_toolbar a, .skingen_buttons a {
|
|
display: inline-block;
|
|
height: 24px; line-height: 24px;
|
|
font-size: 11px;
|
|
color: #d3d3d3 !important;
|
|
border: 1px solid #2e2e2e;
|
|
-moz-border-radius: 4px;
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 4px;
|
|
text-decoration: none;
|
|
padding: 0 10px;
|
|
background: #45484d; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #45484d 0%, #2b2b2b 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */
|
|
box-shadow: 0px 1px 0px rgba(255,255,255,0.1) inset;
|
|
-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.1) inset;
|
|
}
|
|
#skingen_toolbar a img { position: relative; top: -2px; }
|
|
#skingen_toolbar a.right { margin-left: 10px; }
|
|
#skingen_toolbar a:hover, .skingen_buttons a:hover {
|
|
color: #fff !important;
|
|
border-color: 1px solid #202020;
|
|
box-shadow: 0px 0px 3px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
|
|
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
|
|
}
|
|
|
|
#skingen_toolbar a.active {
|
|
background: #45484d; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #2b2b2b 0%, #45484d 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2b2b), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
|
|
box-shadow: 0px 0px 5px rgba(135,190,239, 0.9);
|
|
-webkit-box-shadow: 0px 0px 5px rgba(135,190,239, 0.9);
|
|
}
|
|
|
|
.skingen_highlight {
|
|
background: rgba(164,57,160,0.5);
|
|
border: 2px dashed #a439a0;
|
|
position: absolute;
|
|
z-index: 99999;
|
|
}
|
|
|
|
.skingen_xray {
|
|
border: 1px solid #a43954;
|
|
background: rgba(164,57,84,0.4);
|
|
position: absolute;
|
|
z-index: 99999;
|
|
box-shadow: 0px 2px 15px rgba(164,57,84,0.4);
|
|
-webkit-box-shadow: 0px 2px 15px rgba(164,57,84,0.4);
|
|
}
|
|
|
|
#skingen_panes {
|
|
position: absolute;
|
|
top: 45px;
|
|
right: 210px; left: 10px;
|
|
height: 120px;
|
|
}
|
|
.skingen_pane fieldset {
|
|
padding: 10px 10px 10px 10px;
|
|
background: #434343;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
position: relative;
|
|
margin-top: 5px;
|
|
/*margin-top: 25px;*/
|
|
}
|
|
.skingen_pane fieldset span.legend {
|
|
display: inline-block;
|
|
float: left;
|
|
color: #fff;
|
|
background: #3a3a3a;
|
|
padding: 7px 15px;
|
|
border-radius: 5px;
|
|
font-size: 11px;
|
|
width: 50px;
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.control {
|
|
margin: 2px 10px;
|
|
}
|
|
|
|
.skingen_pane h2 {
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
}
|
|
.skingen_pane p {
|
|
font-size: 12px;
|
|
color: #c6c6c6;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
p.skingen_selector {
|
|
font-style: italic;
|
|
font-family: arial, monospace;
|
|
font-size: 11px;
|
|
color: #b2b2b2;
|
|
cursor: help;
|
|
}
|
|
|
|
.skingen_pane label {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.skingen_editor input[type=text] {
|
|
border: 1px solid #000;
|
|
padding: 2px;
|
|
border-radius: 2px;
|
|
width: 90px;
|
|
}
|
|
|
|
.skingen_preview {
|
|
display: inline-block;
|
|
width: 10px; height: 19px;
|
|
margin-left: -11px;
|
|
margin-top: -4px;
|
|
border-radius: 1px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#skingen_images_editor {
|
|
width: 750px;
|
|
top: 50px;
|
|
right: 100px;
|
|
}
|
|
|
|
.skingen_image_item {
|
|
padding: 10px;
|
|
color: #fff;
|
|
}
|
|
|
|
.skingen_image_item img {
|
|
max-width: 250px;
|
|
max-height: 250px;
|
|
}
|
|
.skingen_image_item input[type=file] {
|
|
color: #fff;
|
|
} |