Файл: public/style_css/skin_creator.css
Строк: 271
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;
}