You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
142 lines
2.8 KiB
CSS
142 lines
2.8 KiB
CSS
body {
|
|
/*/width: 300px;
|
|
height: 200px; /*/
|
|
background: red;
|
|
animation: mymove 25s infinite;
|
|
font-family:"Gill Sans", sans-serif;
|
|
font-size:20pt;
|
|
}
|
|
/*/ background colors shifting /*/
|
|
@keyframes mymove {
|
|
0% { background-color:#FF8300; } /*/orange/*/
|
|
20% { background-color:#963C61; } /*/brownpurpl/*/
|
|
40% { background-color:#CE8BFF; } /*/purple/*/
|
|
50% { background-color:#6882FF; } /*/lavender/*/
|
|
60% { background-color:#82FFA3; } /*/green/*/
|
|
85% { background-color:#000; } /*/black/*/
|
|
100%{ background-color:#FF8300; } /*/orange/*/
|
|
}
|
|
|
|
@font-face {
|
|
font-family: wfdtf;
|
|
src: url(Fonts/wftfs-Regular.otf);
|
|
}
|
|
@font-face {
|
|
font-family: p10;
|
|
src: url(Fonts/Pioneer10.otf);
|
|
}
|
|
a.link{
|
|
font-family: wfdtf;
|
|
color: #00D606;
|
|
font-size: 30px;
|
|
}
|
|
|
|
.ecoswa{
|
|
font-family: indi;
|
|
font-size: 70pt;
|
|
color:#A200FF;
|
|
}
|
|
|
|
#question{
|
|
width:100%;
|
|
color: white;
|
|
height: 60px;
|
|
text-align: center;
|
|
}
|
|
|
|
/*/#left{
|
|
float:left;
|
|
width:15%;
|
|
height: 100%;
|
|
text-align: center;
|
|
background: url("eco3trans.png");
|
|
background-color:#72E1EE;
|
|
}/*/
|
|
/*/#almostleft{
|
|
float:left;
|
|
width:10%;
|
|
background: #93FF6E;
|
|
height: 100%;
|
|
text-align: center;
|
|
}/*/
|
|
|
|
header{
|
|
/*/background: #72E1EE;/*/
|
|
width:100%;
|
|
height: 30%;
|
|
|
|
}
|
|
|
|
#empty{
|
|
height:100px;
|
|
width:100%;
|
|
}
|
|
|
|
/*/ buttons /*/
|
|
.example_a {
|
|
color: #FF6400 !important;
|
|
font-family: p10;
|
|
text-decoration: none;
|
|
background: #8A5159;
|
|
height: 200px;
|
|
border-radius: 0px;
|
|
display: inline-block;
|
|
border: none;
|
|
transition: all 0.4s ease 0s;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.example_a:hover {
|
|
text-shadow: 0px 0px 6px rgba(163, 141, 72, 0.9);
|
|
-webkit-box-shadow: 0px 5px 40px -10px rgba(201, 92, 32, 0.9);
|
|
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
|
|
transition: all 0.4s ease 0s;
|
|
}
|
|
|
|
.example_b {
|
|
color: #5500FF !important;
|
|
text-shadow: 2px 2px 8px #FFE000;
|
|
font-family: cursive;
|
|
text-decoration: none;
|
|
background: #ACFF98;
|
|
border-radius: 0px;
|
|
display: inline-block;
|
|
border: none;
|
|
transition: all 0.4s ease 0s;
|
|
width: 100%;
|
|
height: 200px;
|
|
text-align: center;
|
|
}
|
|
|
|
.example_b:hover {
|
|
text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
|
|
-webkit-box-shadow: 0px 5px 40px -10px rgba(58, 236, 50, 1);
|
|
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
|
|
transition: all 0.4s ease 0s;
|
|
}
|
|
|
|
.example_c {
|
|
color: #fff !important;
|
|
font-family: monospace;
|
|
text-decoration: none;
|
|
background: #2B2B2B;
|
|
height: 200px;
|
|
border-radius: 0px;
|
|
display: inline-block;
|
|
border: none;
|
|
transition: all 0.4s ease 0s;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.example_c:hover {
|
|
text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
|
|
-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
|
|
-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
|
|
transition: all 0.4s ease 0s;
|
|
}
|
|
|
|
.cursor{
|
|
cursor:url(cursor.png), auto;
|
|
} |