15.3 Pink CSS

Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 7

html {

font-size: 1rem;
}
body {
font-family: 'Style Script', cursive;
background-position: center center;
background-color: #000;
background-repeat: no-repeat;
background-size: auto;

}
.prettyline {
height: 5px;
border-top: 0;
background: #c4e17f;
border-radius: 5px;
background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca
12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe
50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4
87.5%, #62c2e4);
background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca
12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe
50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4
87.5%, #62c2e4);
background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%,
#f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%,
#db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4
87.5%, #62c2e4);
background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca
12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe
50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4
87.5%, #62c2e4);
}
a:hover{
text-decoration: none !important;
}
.button-rnd {
min-width: 300px !important;
max-width: 300px !important;
border-radius: 2px;
}
.button-rnd:hover{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.footer {
font-size:90%;
color:#748c8a;
}
.footer .fa{
text-align:center;
width:20px;
}
.footer .fa-bell-slash{
font-size:90%;
}
.temp-hidden {
}
.hidden {
display: none !important;
visibility: hidden;
}
.btn-block{
max-width: 300px;
margin:auto;
}
.paused{
color:#354443;
}
/* Important part */
.modal {
z-index:99999;
}
.modal-dialog{
overflow-y: initial !important;
}

.fullscreen-dialog {
#width: 100%;
#height: 100%;
#margin: 0;
#padding: 0;
}
.fullscreen-content {
height: auto;
min-height: 100%;
border-radius: 0;
}
.modal-body{
#height: 250px;
#overflow-y: auto;
}
#policy h6 {
text-transform: uppercase;
}
#policy p{
text-align: justify;
}
#connect_how ol{
font-weight: bold;
}
#connect_how ol li ul{
margin-left:-25px;
font-weight: normal;
}
#connect_how ol .normal-font ul{
margin-left:-25px;
font-weight: normal;
font-size:80%;
}
.button-animate {

-webkit-animation: glowing 1500ms infinite;


-moz-animation: glowing 1500ms infinite;
-o-animation: glowing 1500ms infinite;
animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
0% {
border-color: #f5a59c;
box-shadow: 0 0 3px #b7deb7;
background-color: #000;
}
50% {
border-color: #f5a59c;
box-shadow: 0 0 40px #ff66cc;
background-color: #000;
}
100% {
border-color: #f5a59c;
box-shadow: 0 0 3px #ff66cc;
background-color: #000;
}
}
@-moz-keyframes glowing {
0% {
border-color: #f5a59c;
box-shadow: 0 0 3px #ff66cc;
background-color: #000;
}
50% {
border-color: #f5a59c;
box-shadow: 0 0 40px #ff66cc;
background-color: #000;
}
100% {
border-color: #f5a59c;
box-shadow: 0 0 3px #ff66cc;
background-color: #000;
}
}
@-o-keyframes glowing {
0% {
border-color: #f5a59c;
box-shadow: 0 0 3px #ff66cc;
background-color: #000;
}
50% {
border-color: #f5a59c;
box-shadow: 0 0 40px #ff66cc;
background-color: #000;
}
100% {
border-color: #f5a59c;
box-shadow: 0 0 3px #ff66cc;
background-color: #000;
}
}
@keyframes glowing {
0% {
border-color: #f5a59c;
box-shadow: 0 0 3px #ff66cc;
background-color: #000;
}
50% {
border-color: #f5a59c;
box-shadow: 0 0 40px #ff66cc;
background-color: #000;
}
100% {
border-color: #f5a59c;
box-shadow: 0 0 3px #ff66cc;
background-color: #000;
}
}
.pause-button:hover{
color:#4CAE4C;
cursor:pointer;
content: "\f023" !important;
}
.blink {
animation: blinker 1500ms linear infinite;
}
@keyframes blinker {
50% {
opacity: 0.2;
}
}
.button-animate-red {
-webkit-animation: glowingRed 1500ms infinite;
-moz-animation: glowingRed 1500ms infinite;
-o-animation: glowingRed 1500ms infinite;
animation: glowingRed 1500ms infinite;
}
.rtime, .ptime {
text-transform: uppercase;
font-size:80% !important;
font-weight: normal;
color: aqua;
}
.rtime b, .ptime b{
font-weight: bold;
font-size:200% !important;
color: aqua;
}
@keyframes lpb-link{
0%{
opacity: 0;
}
50%{
opacity: .5;
}
100%{
opacity: 1;
}
}

.shadow:before , .shadow:after{
content: '';
position: absolute;
top: -2px;
left: -2px;
background: linear-gradient(360deg, #ff66cc,#ff66cc,#ff66cc);
width: calc(100% + 4px);
height: calc(100% + 4px);
background-size: 400%;
z-index: -1;
border-radius: 20px;
box-shadow: 1px 2px #ff66cc;
animation: animate 20s linear infinite;

.shadow:after{
filter: blur(20px);

#free_time_animation button{
color: #fff;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;
background: #000;
text-transform: uppercase;
border: 1.5px solid #f5a59c;
}
#insert_coin_animation button{
color: #fff;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;
background: #000;
text-transform: uppercase;
border: 1.5px solid #f5a59c;
}

#pcheck button{
color: #fff;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;
background: #000;
text-transform: uppercase;
border: 1.5px solid #f5a59c;

}
#pfuncwifi button{
color: #fff;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;
background: #000;
text-transform: uppercase;
border: 1.5px solid #f5a59c;

}
#chat_box_animation button{
color: #fff;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;
background: black;
text-transform: uppercase;
border: 1.5px solid #f5a59c;

#application a{
color: #fff;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;
background: black;
text-transform: uppercase;
border: 1.5px solid #f5a59c;
}

#peload button{
color: #fff;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;
background: #000;
text-transform: uppercase;
border: 1.5px solid #f5a59c;

#pcheckbalance button{
color: #fff;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;
background: #000;
text-transform: uppercase;
border: 1.5px solid #f5a59c;
}
#done-paying{
color: #fff;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;
background: #000;
text-transform: uppercase;
border: 1.5px solid #f5a59c;
}
.custom-line{
height: 5px;
background: linear-gradient(to right,
red,orange,#FFFF00,green,blue,indigo,violet);
border-radius: 5px;
border-top: 0;
}
#msg{

background-color: transparent;
border: 1px solid #f5a59c;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;

}
#sendmsg{

box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;
border: 1px solid #f5a59c;

background-image: linear-gradient(49deg, #ff66cc,green);


text-transform: uppercase;
}
#vcode{

background-color: transparent;
border: 1px solid #f5a59c;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;

}
#sub-voucher{
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;
border: 1px solid #f5a59c;
color: white;
background-image: linear-gradient(49deg, #ff66cc,#ff66cc);
}
#eloadnumber{
background-color: transparent;
border: 1px solid #f5a59c;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;

}
#ieloadnumber{
background-color: transparent;
border: 1px solid #f5a59c;
box-shadow: 1px 1px 5px #ff66cc, 0 0 25px #ff66cc, 1px 1px 5px #ff66cc;

}
.text-muted{
padding: 2px;
}
th,td{
border-color: #ff66cc !important;
border: 2px solid #ff66cc;
}

You might also like