Файл: install/css/style.css
Строк: 336
/*Верстка инсталлятора
системы*/
html{padding:0px;margin:0px;height:100%;}
body{background-image:url(../images/roof.png);min-width:1000px;padding:0px;margin:0px;font-family:Tahoma,
Verdana,
sans-serif;font-size:14px;overflow:hidden;}
.clear{clear:both;}
input[type=text],input[type=password],
textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s
ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
border: 1px solid #DDDDDD;
}
input[type=text]:focus,input[type=password]:focus, textarea:focus {
box-shadow: 0 0 5px rgba(77,142,216, 1);
border: 1px solid rgba(81, 203,
238, 1);
}
.install-body{width:980px;margin:0 auto
20px;height:100%;}
.install-body img{margin:15px 0 0
0;}
.center-wrapper{border:1px solid
#e0dede;border-radius:3px;background-color:#F9F9F9;/* -moz-box-shadow:0px
2px 4px #C0C0C0;-webkit-box-shadow:0px 2px 4px #C0C0C0; box-shadow:0px 2px
4px #C0C0C0; */margin:5px
0;padding:20px;position:relative;}
.step2{padding:0px;}
.center-wrapper
h1{font-family:Tahoma, Verdana,
sans-serif;color:#444;font-size:24px;font-weight:normal;margin:0 0 10px
0;}
.license-block{border:1px solid
#e0dede;border-radius:3px;padding:10px;height:350px;overflow:auto;color:#3E3E3E;line-height:21px;font-size:12px;}
.license-block
p{margin:0;}
.license-block
h2{font-weight:normal;font-size:18px;}
.license-block
h3{font-size:14px;}
.agree-blok{text-align:right;border:1px solid
#e0dede;border-radius:3px;margin:20px 0 0 0;color:#3E3E3E;padding:0 10px
10px 10px;}
.install-text{padding:20px;color:#3E3E3E;}
.install-text
p{line-height:22px;padding:10px 0;margin:0px;}
#siteParam{padding:20px 0 0
0;border-top:1px solid
#D8D2D2;}
.if-text{font-size:12px;}
.start-install{float:right;}
.save-settings{margin:0
0 0 480px!important;}
.dell-install{padding:0
5px!important;}
.start-install span, .save-settings
span{display:inline-block;padding:5px 10px 5px
30px;background:url(../images/next.png) 6px 4px no-repeat;}
.agree-button
span{display:inline-block;padding:5px 10px 5px
30px;background:url(../images/agree.png) 6px 6px
no-repeat;}
.agree-button{margin:0 0 0
30px;}
.save-settings{float:right;}
.agree-button, .start-install,
.save-settings, .dell-install{display: inline-block;margin:10px 0 0
0;padding:0;
cursor:pointer;
white-space: nowrap;
/*
padding:5px 10px 5px 25px; */
background: #FCFCFC; /* Old browsers
*/
background: -moz-linear-gradient(top, #FCFCFC 0%, #E8E8E8
100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top,
left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#E8E8E8)); /*
Chrome,Safari4+ */
background: -webkit-linear-gradient(top,
#FCFCFC 0%,#E8E8E8 100%); /* Chrome10+,Safari5.1+ */
background:
-o-linear-gradient(top, #FCFCFC 0%,#E8E8E8 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #FCFCFC 0%,#E8E8E8 100%); /* IE10+
*/
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#FCFCFC', endColorstr='#E8E8E8',GradientType=0 ); /* IE6-9
*/
background: linear-gradient(top, #FCFCFC 0%,#E8E8E8 100%); /*
W3C */
border: 1px solid #D3D3D3;
font-family: Tahoma,
Verdana, sans-serif;
font-size:14px;
text-decoration:
none;
color: #333;
text-shadow: 0 1px 0
rgba(255,255,255,.8);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
box-shadow:0px 1px 0 #CFCFCF;
outline:none;
}
.agree-button:hover,
.start-install:hover, .save-settings:hover,
.dell-install:hover{
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+
*/
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /*
Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,
#eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */
background:
-ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee',
endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background:
linear-gradient(top, #eeeeee 0%,#eeeeee 100%);
outline:none;/* W3C
*/
}
input.start-install:hover{
background-image:url(../images/next.png)
6px 4px no-repeat;
}
.agree-button:active, .start-install:active,
.save-settings:active, .dell-install:active {
-moz-box-shadow: 0 0
4px 2px rgba(0,0,0,.3) inset;
-webkit-box-shadow: 0 0 4px 2px
rgba(0,0,0,.3) inset;
box-shadow: 0 0 4px 2px #CFCFCF inset;
position: relative;
top:
1px;
outline:none;}
.widget-table-title{
border:1px solid #e0dede;
background-color: #EFEFEF;
background-image: -webkit-gradient(linear, 0
0%, 0 100%, from(#FDFDFD), to(#EAEAEA));
background-image:
-webkit-linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%);
background-image: -moz-linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%);
background-image: -ms-linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%);
background-image: -o-linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%);
background-image: -linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%);
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 );
height:
36px;
-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius:
3px 3px 0px 0px;
border-radius: 3px 3px 0px
0px;
}
.widget-table-title h4{
font-family:Tahoma, Verdana,
sans-serif;
color: #444;
float: left;
font-size: 14px;
font-weight:bold;
padding: 12px 11px 10px 40px;
line-height: 12px;
margin: 0;
}
.widget-table-title
h4{background:url(../images/install.png) 11px 9px
no-repeat;}
.product-text-inputs{list-style:none;padding:0;margin:10px 0
0 0;display:inline-block;}
.product-text-inputs li{margin:0 0 10px
0;}
.custom-text{display:inline-block;min-width:170px;}
.product-name-input{width:325px;margin:0
0 0 15px;border-radius:3px;border:1px solid #CCCCCC;padding:5px
10px;box-shadow:inset 0 1px 2px #E7E7E7;}
.add-img-form h3{margin:0 0 15px
0;}
.add-img-form{position:relative;}
.title{margin:15px
0;}
.bd-title{float:left;}
.red-star{color:red}
.attention{border-radius:10px;color:#68676B;/*margin:0
0 15px 30px; float:left;position: absolute;right:0px;top:161px;
*/}
.attention strong{color:#DF0000;font-size:16px;}
.error-pass,
.error-email, .error-pass-count, .no-bd, .error-db,
.error-lib{position:absolute;border:1px solid
#8d1328;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#d71d3d;color:#FBF8D7;display:inline-block;padding:5px
5px 5px 10px;}
.product-text-inputs li .checkit{margin:0 10px 0
0;position:relative;top:1px;}
.install-text
h2{font-size:14px;}
.opacity{opacity:0.5;filter:
alpha(opacity=50);}
#add-img-form{position:relative;}
.error-pass::after{
background-color: #D71D3D;
border-left:1px solid #8D1328;
border-bottom:1px solid #8D1328;
content: "\00a0";
display: inline-block;
height: 12px;
left: -8px;
position:
absolute;
top: 7px;
transform: rotate( 45deg );
-webkit-transform: rotate( 45deg );
-moz-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
-o-transform: rotate( 45deg );
width: 12px;
}
.error-db::after{
background-color: #D71D3D;
border-left:1px solid #8D1328;
border-bottom:1px solid #8D1328;
content: "\00a0";
display: inline-block;
height:
10px;
left: -8px;
position: absolute;
top: 7px;
transform: rotate( 45deg );
-webkit-transform: rotate( 45deg );
-moz-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
-o-transform: rotate( 45deg );
width:
10px;
}
.error-email::after{
background-color: #D71D3D;
border-left:1px solid #8D1328;
border-bottom:1px solid #8D1328;
content: "\00a0";
display: inline-block;
height:
12px;
left: -8px;
position: absolute;
top: 7px;
transform: rotate( 45deg );
-webkit-transform: rotate( 45deg );
-moz-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
-o-transform: rotate( 45deg );
width:
12px;
}
.error-pass-count::after{
background-color: #D71D3D;
border-left:1px solid #8D1328;
border-bottom:1px solid #8D1328;
content: "\00a0";
display: inline-block;
height:
12px;
left: -8px;
position: absolute;
top: 7px;
transform: rotate( 45deg );
-webkit-transform: rotate( 45deg );
-moz-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
-o-transform: rotate( 45deg );
width: 12px;
}
.no-bd::after{
background-color: #D71D3D;
border-left:1px solid #8D1328;
border-bottom:1px solid #8D1328;
content: "\00a0";
display: inline-block;
height: 12px;
left: -8px;
position:
absolute;
top: 7px;
transform: rotate( 45deg );
-webkit-transform: rotate( 45deg );
-moz-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
-o-transform: rotate( 45deg );
width:
12px;
}
.error-db{left:595px;top:215px;}
.error-pass{left:595px;bottom:86px;}
.error-email{left:595px;bottom:160px;}
.error-pass-count{left:595px;bottom:87px;}
.no-bd{left:595px;top:100px;}
.wrapper-error{height:300px;padding:20px;}
.wrapper-error
.error-lib{position:static;margin: 10px 0;}
.wrapper-error
.error-system-install{font-size:24px;color:#D71D3D;text-align:center;margin:0
0 20px 0;}