Scribd
Upload
57 views7 pages

15.3 Pink CSS

The document contains CSS code for styling various elements on a web page including buttons, text, backgrounds and animations. Styles are defined for elements like modals, headers, footers and buttons, with properties specified for fonts, colors, sizing, positioning and animations.

Uploaded by

gasconchriztopher
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
57 views7 pages

15.3 Pink CSS

The document contains CSS code for styling various elements on a web page including buttons, text, backgrounds and animations. Styles are defined for elements like modals, headers, footers and buttons, with properties specified for fonts, colors, sizing, positioning and animations.

Uploaded by

gasconchriztopher
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 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