CSS 1
#head {
Background-color: #303858;
}
/*container*/
#container {
Background-color: #303858;
display: flex;
flex-direction: column;
}
/*Cover*/
#cover {
display: flex;
flex-direction: column;
align-items: center;
padding: 0px 0px 15px 0px;
}
/*SX*/
#sx {
text-align: center;
}
/*DX*/
#dx {
text-align: right;
}
/* Menu link*/
#menu {
text-align: right;
}
#menu a {
font-family: 'Source Sans Pro', sans-serif; font-size: 18px;
text-decoration: none;
padding: 10px 20px 10px 20px;
color: #e8d4e1bd;
}
#menu a:hover{
color: #a46a87bd;
}
/* Menu link*/
#menu1: {
text-align: center;
}
#menu1 a {
font-family: 'Source Sans Pro', sans-serif; font-size: 18px;
text-decoration: none;
padding: 10px 20px 10px 20px;
color: #E8D4E1;
}
#menu1 a:hover{
color: #A46A87;
}
/* FORM CONTATTI*/
form {
margin: 40px;
font-family: 'Source Sans Pro', sans-serif; font-size: 20px;
display: flex;
flex-direction: column;
align-items: center;
}
label, input[type=text], textarea {
display: block;
box-sizing: border-box;
width: 40%;
}
input[type=text], textarea {
padding: 10px;
border: 1px solid #CCC;
border-radius: 3px;
box-sizing: border-box;
margin-top: 5px;
margin-bottom: 15px;
resize: vertical;
}
input[type=submit] {
background-color: #A46A87;
color: White ;
padding: 10px 20px;
border: none;
border-radius: 3px;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #848CAD;
color: white ;
}
/* INVIO FORM*/
h1 {
font-family: 'Source Sans Pro', sans-serif;
text-align: Center;
color: #303858;
}
h3 {
font-family: 'Source Sans Pro', sans-serif;
text-align: Center;
color: #303858ab;
padding-bottom: 50px;
}
/* FOOTER*/
footer {
Background-color: #303858;
display: flex;
padding: auto;
flex-direction: column;
align-items: center;
}
/*COLONNA*/
#colonna {
display:flex;
}
/*LOGO FOOTER*/
#left {
width:29%;
padding-left: 100px;
padding-top: 20px;
}
/*CENTER FOOTER*/
#center {
width:20%;
}
#center a {
font-family: 'Source Sans Pro', sans-serif; font-size: 20px;
text-decoration: none;
color: #E8D4E1;
}
#center a:hover{
color: #A46A87;
}
/*RIGHT FOOTER*/
#right {
width:20%;
MARGIN:5PX;
}
#right a{
font-family: 'Source Sans Pro', sans-serif; font-size: 20px;
text-decoration: none;
color: #E8D4E1;
}
#right a:hover{
color: #A46A87;
}
#right {
width:20%;
MARGIN:5PX;
}
/*MAIN*/
main
{
padding: 0px;
}
#Copyright {
font-family: 'Source Sans Pro', sans-serif;
text-align: Center;
color: #A46A87;
font-size: 13px;
}
/*SOCIAL*/
#social {
padding: 35px 0px 10px 0px;
}
#social a{
text-decoration: none;
}
/*LINK e SITO FOOTER*/
#linkfooter a {
font-family: 'Source Sans Pro', sans-serif; font-size: 15px;
text-decoration: none;
color: #e8d4e1bd;
}
#sitofooter a {
font-family: 'Source Sans Pro', sans-serif; font-size: 15px;
text-decoration: none;
color: #e8d4e1bd;
}
/* Home Chi sono*/
#chisono {
}
/*NEWSLETTER*/
h23 {
font-family: 'Source Sans Pro', sans-serif; font-size: 22px;
color: #E8D4E1;
}
/*MAIN*/
body {
padding: 0px;
background-color: #E4E6EF;
}
/*TITOLI HOME background-image: url(2.png);
background-repeat: no-repeat;
background-size: cover;*/
#Titoli {
}
#titolo {
font-family: 'Source Sans Pro', sans-serif; font-size: 25px;
color: #E8D4E1;
font-weight: bold;
background-color: #848CAD;
text-align: center;
padding: 10px 0px 10px 0px;
margin-top: 0px;
}
/*CHI SONO INTRO*/
#intro1
{ font-family: 'Source Sans Pro', sans-serif; font-size: 17px;
text-decoration: none;
color: #848CAD;
margin-left: 22%;
padding-left: 100px;
padding-right: 30px;
font-weight: 500;
width:33%;
text-align: justify;
}
/*
#intro3
{width:22%;
}
*/
#intro2
{width:20%;
margin-right:22%;
}
#intro
{display: flex;
background-image: url(quad.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
#Bottone
{
font-family: 'Source Sans Pro', sans-serif; font-size: 17px;
text-decoration: none;
text-align: center;
margin-bottom:15px;
width:10%;
margin-left: 40%;
}
#Bottone a
{background-color: #A46A87;
padding: 10px;
font-family: 'Source Sans Pro', sans-serif; font-size: 17px;
text-decoration: none;
text-align: center;
color: white;
}
#Bottone a:hover
{background-color: #D4B9C6;
padding: 10px;
font-family: 'Source Sans Pro', sans-serif; font-size: 17px;
text-decoration: none;
text-align: center;
color: white;
}
#leggi {
display: flex;
}
/*PORTFOLIO INTRO*/
#Bottone1
{
font-family: 'Source Sans Pro', sans-serif; font-size: 20px;
text-align: center;
margin: 8px;
margin-bottom:20px;
}
#Bottone1 a
{background-color: #A46A87;
padding: 10px;
font-family: 'Source Sans Pro', sans-serif; font-size: 17px;
text-decoration: none;
color: white;
}
#Bottone1 a:hover
{background-color: #D4B9C6;
padding: 10px;
font-family: 'Source Sans Pro', sans-serif; font-size: 17px;
text-decoration: none;
text-align: center;
color: white;
}
#Port1 {
display: flex;
flex-direction: column;
margin-left: 150px;
margin-right: 10px;
width:25%;
}
#PortT2 {border-left: 19px solid #D4B9C6;
border-bottom: 19px solid #D4B9C6;
border-right: 19px solid #D4B9C6;
margin: 0px;
text-align: center;
}
#PortT {
background-color: #D4B9C6;
padding: 5px;
font-family: 'Source Sans Pro', sans-serif; font-size: 17px;
text-decoration: none;
text-align: center;
color: white;
}
#Port {
display: flex;
}
#Port2 {
display: flex;
flex-direction: column;
margin-left: 10px;
margin-right: 10px;
width:25%;
}
#Port3 {
display: flex;
flex-direction: column;
margin-left: 10px;
margin-right: 10px;
width:25%;
}
#Port4 {
display: flex;
flex-direction: column;
margin-left: 10px;
margin-right: 150px;
width:25%;
}
/*PHOTOSHOP PAGE*/
#photo {
text-align: center;
}
#contatti
{ font-family: 'Source Sans Pro', sans-serif; font-size: 17px;
text-decoration: none;
color: #848CAD;
margin-left: 30%;
margin-right: 30%;
padding-left: 70px;
padding-right: 70px;
font-weight: 500;
width:33%;
text-align: justify;
}
Commenti
Posta un commento