css 2
/* Body */
body {
/*background: url(Teslaredd.jpg);*/
font-family:'Gotham', sans-serif;
text-align: center;
}
/* cover */
#cover {
background: url(Teslaredd.jpg);
background-repeat: no-repeat;
background-size: cover;
}
/* Container */
#container1 {
margin: 0px;
padding-bottom: 150px;
padding-top:20px;
}
/* Container */
#container {
margin: 0px;
padding-bottom: 30px;
padding-top:20px;
}
/* Header */
#header {
display:flex;
padding: 20px;
}
/* Logo Tesla sx */
#sx {
height:19%;
margin: 0px;
}
/* Menu CENTRO */
#center {
height:50%;
Margin: auto;
}
/* Menu dx */
#dx {
height:30%;
padding-right: 15px;
}
/* Menu */
#menu {
text-align: center;
}
/* Menu link*/
#menu a {
font-size: 15px;
text-decoration: none;
padding: 10px 20px 10px 20px;
color: black;
}
#menu a:hover{
background: #0000001a;
color: black;
border-radius: 10px 10px 10px 10px;
}
/*titoli*/
#Titolo {
font-size: 30px;
margin: 0px 0px 0px 0px;
}
/*titoli*/
#Plaid {
font-size: 15px;
margin: 0px;
}
/*caratteristiche*/
#caratteristiche {
display: flex;
}
/*all*/
#all {
display: flex;
margin-top: 500px;
justify-content: center;
}
/*h1*/
#h1 {
color:white;
padding-left: 50px;
font-size:30px;
}
/*span*/
#caratteristiche #h1 span {
color:white;
font-size:10px;
}
/*ordina*/
#ordina a {
color:white;
font-size: 15px;
text-decoration: none;
align-items: center;
border: 3px solid white;
border-radius: 30px 30px 30px 30px;
padding: 10px 50px 10px 50px;
}
/*ordina*/
#ordina {
margin: 30px;
display:flex;
align-items: center;
justify-content: space-evenly;
}
#ordina a:hover {
background: white;
color:black;
border: 3px solid white;
border-radius: 30px 30px 30px 30px;
}
/* cover */
#cover2 {
background: url(internotesla.jpg);
background-repeat: no-repeat;
background-size: cover;
}
/*titoli*/
#Titolo2 {
font-size: 25px;
margin: auto;
color: white;
text-align:center;
}
/* cover 3*/
#cover3 {
background-color: black;
background-size: cover;
margin: 0px;
}
/*titoli*/
#Titolo2 {
font-size: 25px;
margin: auto;
color: white;
text-align:center;
}
/*sezione 3*/
#imm3 {
display:flex;
margin-left: 50px;
margin-right: 50px;
flex-direction: column
}
/*titolo paragrafo3*/
#titpar {
color:white;
padding: 5px;
font-size:15px;
width: 50%;
}
/*span*/
#blocco1 #titpar span {
color:white;
font-size:10px;
}
/*span*/
#blocco2 #titpar span {
color:white;
font-size:10px;
}
/*span*/
#blocco3 #titpar span {
color:white;
font-size:10px;
}
/*blocco1*/
#blocco1 {
display: flex;
padding: 0px 100px 0px 100px;
align-items: center
}
/*blocco2*/
#blocco2 {
display: flex;
padding: 0px 100px 0px 100px;
align-items: center
}
/*blocco2*/
#blocco3 {
display: flex;
padding: 0px 100px 0px 50px;
align-items: center;
margin-bottom: 50px;
}
/* cover 4*/
#cover4 {
background: url(teslablue.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 30px;
}
/*h4*/
#h4 {
color:white;
padding-left: 100px;
font-size:28px;
font-weight: bold;
}
/*span 4*/
#caratteristiche #h4 span {
color:white;
font-size:12px;
font-weight: lighter;
}
/*p5*/
#p5 {
color:black;
font-size:15px;
text-align:left;
}
/*span 5*/
#sx5 #p5 span {
font-size:24px;
font-weight: bold;
}
/*sx5*/
#sx5 {
align-items: center;
width:35%;
margin-left: 10%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
/*dx5*/
#dx5 {
width: 64%;
margin-top: 0px;
display: flex;
}
/*ordina5*/
#ordina5 a {
color:black;
font-size: 15px;
text-decoration: none;
align-items: center;
border: 3px solid black;
border-radius: 30px 30px 30px 30px;
padding: 10px 50px 10px 50px;
}
/*ordina5*/
#ordina5 {
margin: 25px;
display:flex;
justify-content: space-evenly;
}
/*ordina5 hover*/
#ordina5 a:hover {
background: black;
color:white;
border: 3px solid black;
border-radius: 30px 30px 30px 30px;
}
/*p5*/
#p5 {
margin-left: 30px;
margin-right: 100px;
color: #292929;
font-size: 16px;
}
/* cover 6*/
#cover6 {
background-color: #e7e7e7;
background-size: cover;
margin: 0px;
}
/*p6t*/
#p6t {
margin: 70px 30px 0px 30px;
margin-right: 100px;
color: #292929;
font-size:30px;
text-align: left;
font-weight: bold;
}
/*span 6*/
#p6p {
margin-left: 30px;
margin-right: 100px;
color: #292929;
text-align: left;
font-size:16px;
}
/*span 6*/
#p6 {
display:flex;
flex-direction: column;
margin-left: 10%;
margin-right: 25%;
margin-bottom: 25px;
}
/*imm 6*/
#immm6 {
border-radius: 20px;
}
/*mobile*/
@media only screen and (max-width:480px) {
#cover {
background: url(teslareddmobile.jfif);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#all {
flex-direction: column;
}
}
/* cover 7*/
#cover7 {
background: url(teslastripes.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 800px;
background-position: center;
}
/* GALLERIA PROVA*/
#galleriaprova {
background-color: black;
min-height:600px;
}
/*Galleria*/
#galleria {
background-color: pink;
margin:auto;
min-height:auto;
width:60%;
padding: 10px;
}
#menu a:ActiveBorder{
background: #0000001a;
color: black;
border-radius: 10px 10px 10px 10px;
}
Commenti
Posta un commento