Current File : /home/users/barii/public_html/finansenl.com.pl/wodki/html/tpl/generator/style4.css

@font-face {
font-family: greatvib;
src: url(GREATVIBES-REGULAR_0.TTF);
}

.content {
width:800px;
display:table;
padding:15px;
}

.cleft {
float:left;
display:table;
}

.cright {
float:right;
width:110px;
display:table;
}

.bg {
width:680px;
height:1015px;
background:url(test.png);
background-size:100% 100%;
font-family:greatvib;
display:table;
position: relative;
}

#tools {
z-index:999;
position:absolute;
background: rgba(255,255,255, 0.85);
margin-top:0px;
left:705px;

font-family:Verdana;
padding:5px;
 -webkit-border-radius: 5px; /* Safari, Chrome */
 -khtml-border-radius: 5px;    /* Konqueror */
 -moz-border-radius: 5px; /* Firefox */
  border-radius: 5px;
  border:1px solid black;
  font-size:13px;
  display:table;
  vertical-align:middle;
}


.tools5, .tools2, .tools3, .tools4 {
display:none;
}

.ks {
color:#fff;
font-weight:bold;
text-shadow: 0 0 10px #000000;
font-family:Verdana;
font-size:15px;
cursor:move;
}

#header2 {
position:absolute;
left:130px;
top:110px;
}

.delete {
display:block;
right:0;
position:absolute;
cursor:pointer;
}

.ikony {
display:table;
visibility:hidden;
width:100%;
height:20px;
position:absolute;
margin-top:-20px;
}

#header2:hover .ikony, #imiona2:hover .ikony, #data2:hover .ikony, #text2:hover .ikony, #procent2:hover .ikony {
visibility:visible;
}

#ks {
display:block;
position:absolute;
cursor:move;
}

.header {
font-size:100px;
text-align:center;
color:#fff;
width:380px;
display:table;
position:absolute;
line-height:115px;


width:412px;
height:300px;
font-family:greatvib;
color:#fff;
background:transparent;
text-align:center;
overflow:hidden;
border:none;
}

#header2:hover, #imiona2:hover, #data2:hover, #text2:hover, #procent2:hover{
z-index:9999;
}

.header textarea {


}

#imiona2 {
position:absolute;
top:600px;
left:212px;
}

.imiona {
position:absolute;
/*font-size:40px;*/
font-size: 30pt;
text-align:center;
color:#fff;
width:258px;

font-weight:bold;

font-size:40px;
text-align:center;
color:#fff;
font-weight:bold;
background:none;
font-family:greatvib;
border:none;
height:60px;

}

#data2 {
top:660px;
position:absolute;
left:212px;
}

.imiona2 {
font-size:40px;
text-align:center;
color:#fff;
width:258px;
font-weight:bold;

height:60px;
font-size:40px;
text-align:center;
color:#fff;
font-weight:bold;
background:none;
font-family:greatvib;
border:none;
}

textarea {
	border: 2px solid transparent!important;
	
}

textarea:focus {
    outline: none !important;
    border:2px dashed #FF3399  !important;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 19px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 19px 0px rgba(50, 50, 50, 0.75);
}

.imiona textarea {
}

#text2 {
top:725px;
position:absolute;
left:212px;
}

.text {
font-size:30px;
text-align:center;
color:#fff;
width:258px;
display:table;


background:none;
font-family:greatvib;
font-size:30px;
text-align:center;
color:#fff;
width:258px;
height:170px;
overflow:hidden;
border:none;


}

.text textarea {

}

#procent2 {
position:absolute;
top:925px;
left:212px;
margin-top: -24px;
}

.procent {

color:#f9a394;
font-size:25px;
width:258px;
font-weight:bold;

font-size:25px;
text-align:center;
color:#f9a394;
font-weight:bold;
background:none;
font-family:greatvib;
border:none;
height:45px;
}

.procent textarea {


}

.active2 {
    outline: none !important;
    border:1px dashed #000;
	box-shadow: 0 0 10px #719ECE;
}