/* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * { margin: 0; padding: 0; } /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ body { background-image: url(../img/binding_dark.png); background-repeat: repeat; background-color: #181818; } html, body { height: 100%; min-width: 1200px; } #wrap { min-height: 100%; } #main { overflow: auto; padding-bottom: 190px; } /* must be same height as the footer */ #footer { position: relative; margin-top: -190px; /* negative value of footer height */ height: 190px; background-color: #333; clear: both; } /*Opera Fix*/ body:before { /* thanks to Maleika (Kohoutec)*/ content: ""; height: 100%; float: left; width: 0; margin-top: -32767px; /* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ #header { min-width: 1200px; height: 120px; width: 100%; vertical-align: central; z-index: 1000; text-align: center; position: fixed; overflow: hidden; background-color: #242424; /*background-image:url(../img/sverg.png); background-position:right; background-repeat:no-repeat;*/ } #logo { position: relative; top: 15px; text-align: left; padding-left: 0px; margin-left: 0px; } .links { position: absolute; vertical-align: top; padding-left: 0px; margin-left: -20px; letter-spacing: 1.5px; top: 90px; } .links li { display: inline; margin: 0 0 0 1.5em; padding: 0 0.5em 0 0.5em; position: absolute; font-family: 'Open Sans', Geneva, sans-serif; font-size: 14px; color: white; border-radius: 0px; text-align: left; text-decoration: none; position: relative; font-weight: normal; height: 16px; vertical-align: top; border-left: solid #ccc 1px; border-right: solid #ccc 1px; } .links a:link { color: #fff; text-decoration: none; } .links a:visited { color: #fff; } .matrice { font-family: 'Open Sans',Arial, Helvetica, Sans-Serif; font-size: 10px; font-weight: bold; padding: 3px 10px 3px 10px; border-style: solid; border-width: 1px; border-color: #333333; background-color: #EEEEEE; } .risultatoDet { font-family: 'Open Sans',Arial, Helvetica, Sans-Serif; font-size: 18px; font-weight: bold; padding: 3px 35px 3px 35px; border-style: solid; border-width: 1px; border-color: #333333; background-color: #EEEEEE; } .topShadow { position: absolute; overflow-x: hidden; background-image: url(../img/sfumaturaTop.png); background-repeat: no-repeat; background-position: center; width: 1046px; height: 15px; left: 50%; margin-left: -523px; top: 105px; z-index: 0; opacity: 0.5; } .botShadow { position: absolute; overflow-x: hidden; background-image: url(../img/sfumaturaBot.png); background-repeat: no-repeat; background-position: center; width: 1046px; height: 15px; left: 50%; margin-left: -523px; top: 0px; z-index: 0; opacity: 0.5; } #presentationBar { background-image: url(../img/topBar.jpg); background-repeat: repeat-x; top: 120px; height: 230px; border-top: black 1px solid; border-bottom: black 1px solid; position: relative; overflow: hidden; } #presentationBarShort { background-image: url(../img/topBar.jpg); background-repeat: repeat-x; top: 120px; height: 190px; border-top: black 1px solid; border-bottom: black 1px solid; position: relative; overflow: hidden; } #overlayImage { position: absolute; height: 100%; width: 100%; background-image: url(../img/topBarOverlayFormulas3.png); background-position: left; opacity: 0.9; } #overlayImage2 { position: absolute; height: 100%; width: 100%; background-image: url(../img/topBarOverlayFormulas2.png); background-position: left; opacity: 0.9; } #overlayTextContainer { position: absolute; width: 250px; height: 200px; margin-left: 0px; top: 15px; background-color: #fff; opacity: 1; z-index: 2; } #overlayTextContainerShort { position: absolute; width: 250px; height: 145px; margin-left: 0px; top: 15px; background-color: #fff; opacity: 1; z-index: 2; } #overlayText { position: absolute; width: 249px; height: 200px; margin-left: 0px; top: 15px; z-index: 3; font-family: 'Open Sans', Geneva, sans-serif; font-size: 12px; letter-spacing: 1.4px; color: #3C332C; border-left: solid #fff 1px; border-right: solid #fff 1px; } #overlayText h1 { padding: 20px; padding-bottom: 10px; font-family: 'Open Sans', Geneva, sans-serif; font-size: 18px; letter-spacing: 1.4px; color: #4b3929; text-align: left; } #overlayText p { padding: 20px; padding-top: 0px; font-family: 'Open Sans', Geneva, sans-serif; font-size: 12px; letter-spacing: 1.2px; text-align: left; display: block; } #projectBar { position: relative; display: block; top: 120px; height: 132px; min-width: 1024px; background-color: #f1f1f1; border-bottom: solid #eeeeee 1px; margin-bottom: 0px; -webkit-box-shadow: 0px 0px 6px rgba(90, 90, 90, 0.75); -moz-box-shadow: 0px 0px 6px rgba(90, 90, 90, 0.75); box-shadow: 0px 0px 6px rgba(90, 90, 90, 0.75); width: 60%; margin: 0 auto; background-color: #fff; overflow: hidden; } #projectBarShort { position: fixed; z-index: 100; background-color: red; top: 297px; height: 20px; width: 100%; background-color: #333; border-bottom: solid #000 1px; overflow: hidden; margin-bottom: 0px; min-width: 1024px; } .squareIcon_ProjectBar { padding: 6px 6px 6px 6px; border: #cccccc 1px solid; width: 87px; height: 87px; background-color: #fff; /* vertical-align:middle; text-align:center; position:absolute; top:16px; margin-left:65px;*/ } #iconContainer_ProjectBar { width: auto; margin-left: 15px; } ol.list_ProjectBar { list-style: none; display: block; } ol.list_ProjectBar li { margin-top: 18px; float: left; margin-right: 15px; } .descFirst { position: absolute; top: 25px; right: 15px; height: 85px; opacity: 1; } .descFirst h1 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:100; font-size: 16px; color: #0676ea; text-align: left; line-height: 24px; left: 0px; } .descFirst p { max-width: 400px; font-family: 'Open Sans', Tahoma, Geneva, sans-serif; font-size: 12px; text-align: justify; left: 0px; color: #333333; display: block; margin-top: 6px; } .desc { position: absolute; top: 25px; right: 15px; height: 85px; opacity: 0; text-align: right; } .desc h1 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:100; font-size: 16px; color: #0676ea; text-align: left; line-height: 24px; left: 0px; } .desc p { max-width: 400px; font-family: 'Open Sans', Tahoma, Geneva, sans-serif; font-size: 12px; text-align: justify; left: 0px; color: #333333; display: block; margin-top: 6px; } .titoloSecondario { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 22px; color: #333333; line-height: 24px; letter-spacing: 1.6px; margin-top: 30px; } /* Sticky Footer by Ryan Fait http://ryanfait.com/ */ .sized { width: 60%; min-width: 1024px; margin-left: auto; margin-right: auto; } .wrapper { margin-top: 150px; width: 60%; min-width: 1024px; height: auto; margin-left: auto; margin-right: auto; padding-bottom: 150px; } .singleCol { position: relative; border-radius: 5px; background-color: #fff; top: 30px; margin: 0 auto; padding-bottom: 50px; padding-top: 30px; border-right: #EEE solid 1px; border-left: #EEE solid 1px; padding-left: 35px; padding-right: 35px; -webkit-box-shadow: 0px 0px 6px rgba(90, 90, 90, 0.75); -moz-box-shadow: 0px 0px 6px rgba(90, 90, 90, 0.75); box-shadow: 0px 0px 6px rgba(90, 90, 90, 0.75); } .singleCol h2 { font-family: 'Open Sans', serif; font-size: 23px; color: #61544b; line-height: 24px; letter-spacing: 1.6px; margin-top: 30px; margin-bottom: 30px; } .container2 { clear: left; float: left; width: 100%; background-color: rgb(255, 255, 255); overflow: hidden; padding-bottom: 30px; margin-bottom: -90px; border-radius: 5px; -webkit-box-shadow: 0px 0px 6px rgba(90, 90, 90, 0.75); -moz-box-shadow: 0px 0px 6px rgba(90, 90, 90, 0.75); box-shadow: 0px 0px 6px rgba(90, 90, 90, 0.75); } .container1 { float: left; position: relative; width: 100%; right: 50%; background: none repeat scroll 0% 0% rgb(255, 255, 255); } .col1 { left: 52%; overflow: hidden; position: relative; float: left; width: 44%; padding-left: 10px; margin-right: 10px; text-align: justify; } .col2 { background-color: rgb(255, 255, 255); width: 44%; float: left; position: relative; left: 54%; padding-left: 20px; text-align: justify; overflow: hidden; } .col1 * { } .col1 h2 { font-family: 'Open Sans', sans-serif; font-size: 23px; color: #61544b; line-height: 24px; letter-spacing: 1.6px; margin-top: 30px; } .col1 h3 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; color: #0082d5; line-height: 20px; letter-spacing: 1.1px; border-bottom: solid 1px #61544b; } .col2 h3 { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; color: #0082d5; line-height: 20px; letter-spacing: 1.1px; border-bottom: solid 1px #61544b; } .col1 p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 24px; letter-spacing: 1.0px; margin-top: 30px; } .col2 * { } .col1 .galleryImage { margin-left: 0px; } .col2 button { padding-right: 20px; margin-top: 10px; text-align: left; font-size: 13px; } .col2 .button { padding-right: 20px; margin-top: 10px; text-align: left; font-size: 13px; display: inline-block; } .col1 .button { padding-right: 20px; margin-top: 10px; text-align: left; font-size: 13px; } .col1 button { padding-right: 20px; margin-top: 10px; text-align: left; font-size: 13px; } .col2 h2 { font-family: 'Open Sans', serif; font-size: 23px; color: #61544b; line-height: 24px; letter-spacing: 1.6px; margin-top: 30px; } .col2 p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 24px; letter-spacing: 1.0px; margin-top: 30px; } #shareContainer { position: relative; overflow: hidden; padding-top: 10px; } #share { position: absolute; background-color: #242424; border-top: solid 1px #000; height: 40px; width: 100%; margin-top: -40px; } #footerSectionContainer { width: 60%; margin: 0 auto; min-width: 1024px; } .footerSection { width: auto; padding-right: 10px; max-width: 270px; float: left; margin-top: 15px; margin-bottom: 15px; border-left: solid 1px #434343; padding-left: 10px; height: 160px; } .footerSection h1 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; font-weight:100; line-height: 24px; color: #594f47; letter-spacing: 1.2px; font-weight: lighter; margin-top: 0px; } .footerSection p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; color: #bcbcbc; line-height: 22px; letter-spacing: 0.7px; } .footerSection a { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; color: #bcbcbc; text-decoration: none; letter-spacing: 0.7px; } .footerSection a:hover { color: #0082d5; } .footerSection a:visited { color: #bcbcbc; } .nome { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 12px; color: #bcbcbc; line-height: 24px; letter-spacing: 0.8px; margin-top: 10px; border-top: 1px solid #434343; margin-right: 40px; } #col1 ul li { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 24px; letter-spacing: 1.2px; margin-top: 10px; } .col2 ul li { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 24px; letter-spacing: 1.2px; list-style-type: square; margin-top: 10px; margin-left: 30px; } .progettiTable { width: 90%; margin-left: 0px; left: 0px; } .progettiTable td { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; color: #000; line-height: 20px; } .projLink { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600; color: #61544b; text-decoration: none; line-height: 24px; letter-spacing: 1.0px; text-align: left; left: 30px; } .projectIcon { position: relative; padding: 6px 6px 6px 6px; border: #cccccc 1px solid; width: 64px; height: 64px; background-color: #fff; margin-left: 20px; margin-right: 10px; /* vertical-align:middle; text-align:center; position:absolute; top:16px; margin-left:65px;*/ } .imageG { padding: 6px 6px 6px 6px; border: #cccccc 1px solid; width: 75px; height: 75px; background-color: #fff; /* vertical-align:middle; text-align:center; position:absolute; top:16px; margin-left:65px;*/ } .flickr { text-align: center; background-color: #333; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 0px; width: 100%; right: 0px; } .mainText { font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-size: 14px; color: #000; line-height: 20px; letter-spacing: 0.8px; margin-top: 30px; } .descrizioniText { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 13px; color: #000; } .commentAuthorName { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size: 16px; color: #0082d5; } .commentDate { font-family: 'Open Sans', sans-serif; font-size: 11px; color: #666666; } .commentText { margin-top: 100px; font-family: 'Open Sans', sans-serif; font-size: 13px; margin-top: 25px; color: #404040; line-height: 1.5em; word-spacing: 0.2em; } .btnSbmt { width: 100px; height: 30px; font-family: Helvetica, Arial, sans-serif; font-size: small; border: 1px solid #dddddd; background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #303030; display: inline-block; position: relative; padding: 0; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; color: #303030; text-decoration: none; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; } .btnSbmt:hover { border: 1px solid #0073ea; background: #0073ea url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; } .commentImage { padding: 1px; border: 1px solid #cccccc; margin-top: 0px; } .commentInsertButton { background-color: #1895d7; color: #ffffff; font-weight: normal; font-family: Trebuchet, sans-serif; font-size: 13px; font-weight: bold; } .commentInsertButton:hover { background-color: #7bc0e4; color: #ffffff; } .errMessageText { font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; font-size: 11px; color: #FF0000; } .centrata { text-align: center; margin: auto; } .code { font-family: "Lucida Console", "Lucida Sans", Sans-Serif; font-size: 12px; letter-spacing: 0.8; color: #000000; text-align: left; padding-left: 30px; background-color: #ffffe9; } .codeComment { font-family: 'Open Sans',Arial, Helvetica, Sans-Serif; text-align: left; padding-left: 30px; font-size: 12px; color: #000000; padding-top: 10px; padding-bottom: 30px; background-color: #f8f8f8; } .cellTable { font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; padding-left: 15px; padding-right: 15px; height: 20px; font-size: 13px; color: #000; text-align: center; } .h2Like { font-family: 'Open Sans', serif; font-size: 23px; color: #61544b; line-height: 24px; letter-spacing: 1.6px; margin-top: 30px; margin-bottom: 30px; }