Commit c3cd309d authored by NENAVATH SRIKANTH's avatar NENAVATH SRIKANTH

style5

parent 3bb88e2e
Pipeline #7436 passed with stage
in 14 seconds
body{
font:15px/1.5 Arial , Helvetica , sans-serif;
padding: 0;
margin: 0;
background-color:#f4f4f4;
}
/*global*/
.container{
width: 80%;
margin: auto;
overflow: hidden;
}
header ul{
margin:0;
padding:0;
}
.button_1
{
height: 38;
background: #e8491d;
border: 0;
padding-left: 20;
padding-right: 20;
color: #ffffff;
}
/*hedder*/
header{
background:#35424a;
color:#ffffff;
padding-top:30px;
min-height:70px;
border-bottom:#e8491d 3px solid;
}
header a{
color:#ffffff;
text-decoration:none;
text-transform:uppercase;
font-size:16px;
}
header li{
float:left;
display:inline;
padding: 0 20px 0 20px;
}
header #branding{
float: left;
}
header #branding h1{
margin: 0;
}
header nav {
float: right;
margin-top: 10px;
}
header .highlight, header .current a{
color: #e8491d;
font-weight:bold;
}
header a :hover{
color: :#cccccc;
font-weight: bold;
}
/*showcase*/
#showcase{
min-height: 400px;
background:url('../img/back.jpeg') 0 -300px;
text-align:center;
color:#998F8D;
}
#showcase h1{
margin-top: 100px;
font-size: 55px;
margin-bottom: 10px;
}
#showcase p{
font-size:30px;
}
/*news letters*/
#newsletter{
padding:15px;
color:#ffffff;
background:#998F8D;
}
#newsletter h1{
float: left;
}
#newsletter form{
float: right;
margin-top: 15px;
}
#newsletter input [type = "emial"]
{
padding: 4px;
height: 25px;
width:250;
}
/*boxes*/
#boxes{
margin-top: 20;
}
#boxes .box{
float:left;
text-align: center;
width: 30%;
padding: 10px;
}
#boxes .box img{
width: 90px;
}
footer{
padding: 20px;
margin-top: 20px;
color: #ffffff;
background-color: #e8491d;
text-align: center;
}
html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 28px;
}
body {
display: flex;
justify-content: center;
align-items: center;
background-color: #f5f5f5;
}
.calculator {
width: 350px;
height: 400px;
border-radius: 10px;
box-shadow: 0 25px 60px -10px rgba(0, 0, 0, 0.5);
.header {
background-color: #000;
height: 120px;
border-radius: 10px 10px 0 0;
.window {
height: 15px;
display: flex;
justify-content: flex-start;
padding: 10px;
span {
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 5px;
cursor: pointer;
&.red {
background-color: #ff5252;
}
&.yellow {
background-color: #f5a623;
}
&.green {
background-color: #73c21d;
}
}
}
.input {
color: #4a4a4a;
text-align: right;
padding: 10px 30px;
span {
color: #ffffff;
}
}
}
.keys {
background: linear-gradient(135deg, #3a3a3a, #000000);
height: 280px;
border-radius: 0 0 10px 10px;
font-size: 24px;
.row {
height: 70px;
display: flex;
flex-direction: row;
.number {
width: 75%;
display: flex;
color: #ffffff;
span {
width: calc(100%/3);
height: 70px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
cursor: pointer;
}
}
.symbol {
width: 25%;
background-color: #ffffff;
font-size: 34px;
span {
width: 100%;
height: 70px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
cursor: pointer;
}
&.action {
background: linear-gradient(60deg, #ff0300, #ffa100);
border-radius: 0 0 10px 0;
color: #ffffff;
box-shadow: 0 25px 60px -10px rgba(255, 10, 0, 0.5);
}
}
}
}
}
.dull {
font-size: 14px;
font-weight: bold;
color: #4a4a4a;
}
p.credit {
font-size: 14px;
position: absolute;
bottom: 10px;
right: 10px;
margin: 0;
opacity: 0.8;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment