Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* CSS Document */
- body{
- margin: 0;
- }
- a{
- text-decoration: none;
- color: #000;
- }
- /* header */
- header{
- background-color:#093764;
- margin: 0;
- padding: 0;
- clear: both;
- padding: 20px;
- border-bottom: 10px solid #54947e;
- box-shadow: 3px 3px 5px 2px #888;
- }
- header img{
- width: auto;
- }
- header h1{
- width: auto;
- text-transform: uppercase;
- display: inline-block;
- color: #fff;
- font-weight: 400;
- margin: 0;
- margin-left: 5%;
- vertical-align: 20px;
- font-size: 20px;
- }
- header h1:first-letter{
- font-size: 30px;
- }
- #ppw{
- font-size: 30px;
- }
- /* fine header*/
- /* content */
- #contetn{
- width: 90%;
- }
- /* percorso di briciole */
- #menu{
- width: auto;
- float: left;
- }
- #nav{
- width: 100%;
- padding-left:50px;
- margin-top:30px;
- }
- #nav a{
- text-decoration: none;
- color: #093764;
- }
- #nav li{
- display: inline;
- list-style: none;
- margin:10px 0;
- color: #093764;
- font-family: "helvetica neue", sans-serif;
- font-size: 15px;
- font-weight: bold;
- }
- #nav li img{
- margin: 0 7px;
- width: 7px;
- }
- /*bottone e selettore*/
- #selection_area{
- width: auto;
- }
- #mostra, #selezione{
- width: auto;
- float: left;
- margin-top: 25px;
- margin-left: 10%;
- }
- #mostra{
- font-size: 13px;
- font-weight: bold;
- background-color: #54947e;
- border-color: #54947e;
- color: #f6f6f6;
- border-radius: 5px;
- padding: 5px 10px;
- }
- #mostra:focus{
- outline: none;
- }
- /* progetti */
- article{
- float: left;
- height: 150px;
- padding: 0 5px 5px 5px;
- }
- #middle_content{
- clear: both;
- padding-top:50px;
- margin: 50px;
- width: 100%;
- }
- #middle_content img{
- width:150px;
- }
- #lateral{
- width: 25%;
- float: left;
- }
- ul#valore, ul#istruzioni{
- padding: 0;
- margin: 0;
- }
- li{
- list-style: none;
- }
- #istruzioni > li {
- background-color: #54947e;
- width: 100%;
- color:#f6f6f6;
- text-transform: uppercase;
- text-align: center;
- font-family: "helvetica neue", sans-serif;
- margin:0;
- margin-bottom: 20px;
- }
- #valore li {
- background-color: #fff;
- color: #333;
- text-transform: none;
- text-align: left;
- padding: 5px;
- width: 100%;
- margin: 0;
- padding: 0;
- padding-top: 10px;
- font-weight: 400;
- font-size: 15px;
- }
- #valore li:first-child{
- padding-top: 20px;
- }
- #contetn_img{
- width: 75%;
- float: right;
- }
- .descr{
- background: #cc99cc;
- width: 150px;
- position: relative;
- bottom: 154px;
- height: 150px;
- display: none;
- }
- .descr h2{
- margin: 0;
- text-align: center;
- padding-top: 50px;
- font-size: 18px;
- color: #fff;
- font-family: "helvetica neue",sans-serif;
- font-weight: bold;
- }
- .descr p{
- text-align: center;
- font-family: "helvetica neue",sans-serif;
- font-size: 16px;
- color: #fff;
- }
- /* hover */
- article:hover .descr{
- display: block;
- }
- article:hover article img{
- display: none;
- }
- /* footer */
- footer{
- clear:both;
- }
- footer > p{
- width: 100%;
- text-align: center;
- padding-top: 50px;
- }
- #content_prof{
- clear: both;
- background-color: #093764;
- height: 100%;
- overflow:auto;
- }
- .prof{
- width: 25%;
- float: left;
- color: #fff;
- height: 100%;
- padding-left: 50px;
- }
- .prof p{
- font-family: "helvetica neue",sans-serif;
- }
- .prof a{
- color:#fff;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement