|
|
(41 intermediate revisions by 2 users not shown) |
Line 7: |
Line 7: |
| } | | } |
| | | |
− | /*********************/
| + | h4 { |
− | /* PAGES */
| + | font-size:1em; |
− | /********************/
| + | text-align:left |
| | | |
− | /* in this section the parts of the page are defined in space and background */
| |
− |
| |
− | .main-nav {
| |
− | position:fixed;
| |
− | width:100%;
| |
− | height: 30px;
| |
− | top: 17px;
| |
− | left:0;
| |
− | display: block;
| |
− | background-color: #ddd1b8;
| |
− | z-index: 5;
| |
| } | | } |
− |
| |
− | .subsections {
| |
− | position: relative;
| |
− | display: block;
| |
− | top:0;
| |
− | width:90%;
| |
− | height:auto;
| |
− | padding:5% 5% 0% 5%;
| |
− | opacity:0.95;
| |
− | background-color: #f3efe7;
| |
− | }
| |
− |
| |
− |
| |
− | #footer {
| |
− | opacity:0.95;
| |
− | position:relative;
| |
− | display: block;
| |
− | height:250px;
| |
− | width:100%;
| |
− | background-color: #f3efe7;
| |
− | }
| |
− |
| |
| /*********************/ | | /*********************/ |
| /* Summary */ | | /* Summary */ |
Line 83: |
Line 50: |
| box-shadow: 0px 0px 10px 10px #f3efe7; | | box-shadow: 0px 0px 10px 10px #f3efe7; |
| height:auto; | | height:auto; |
− | }
| |
− |
| |
− | .summarytext1 {
| |
− | min-height:43%;
| |
− | }
| |
− |
| |
− | .summarytext2 {
| |
− | height:68%;
| |
− | }
| |
− |
| |
− | .summarytext3 {
| |
− | height:8%;
| |
| } | | } |
| | | |
Line 153: |
Line 108: |
| } | | } |
| | | |
− | /*********************/
| |
− | /* subsections references */
| |
− | /*********************/
| |
| | | |
− | .subsectionwrapper {
| + | #image1{ |
− | display:table;
| + | position:relative; |
− | table-layout: fixed;
| + | width:50%; |
− | width:70%;
| + | |
− | margin:auto;
| + | |
| } | | } |
| | | |
− | .subimgrow, .subtextrow {
| + | #image2{ |
− | display: table-row;
| + | position:relative; |
− | width:15%;
| + | width:80%; |
− | vertical-align:top;
| + | |
− | wrap-text: normal;
| + | |
− | color: #808080;
| + | |
− | font-family: 'Handlee';
| + | |
| } | | } |
| | | |
− | .whitespace {
| + | #image3{ |
− | display: table-cell;
| + | position:relative; |
− | width:20px;
| + | width:40%; |
| } | | } |
| | | |
− | .subimg, .subtext {
| + | #image4{ |
− | display: table-cell;
| + | position:relative; |
| + | width:70%; |
| } | | } |
| | | |
− | .subtext p {
| |
− | margin:5% 0%;
| |
− | }
| |
| | | |
− | .readmorebutton {
| + | @media screen and (max-width: 1000px) { |
− | display: table-cell;
| + | |
− | text-align:left;
| + | |
− | margin:5% 0%;
| + | |
− | }
| + | |
| | | |
− | .enhance{ | + | .part { |
− | display: none; | + | position:relative; |
− | position:absolute; | + | height:90%; |
− | width:100%; | + | width:95%; |
− | height:100%; | + | padding:5% 0%; |
− | background-color: white; | + | left:2.5%; |
| + | top:20px; |
| + | align:center; |
| } | | } |
− | .img{
| |
− | position:absolute;
| |
− | width:20%;
| |
− | align:center;
| |
− | }
| |
| | | |
− | $(document).ready(function() {
| |
− |
| |
− | /* This is basic - uses default settings */
| |
− |
| |
− | $("a#single_image").fancybox();
| |
− |
| |
− | /* Using custom settings */
| |
− |
| |
− | $("a#inline").fancybox({
| |
− | 'hideOnContentClick': true
| |
− | });
| |
− |
| |
− | /* Apply fancybox to multiple items */
| |
− |
| |
− | $("a.group").fancybox({
| |
− | 'transitionIn' : 'elastic',
| |
− | 'transitionOut' : 'elastic',
| |
− | 'speedIn' : 600,
| |
− | 'speedOut' : 200,
| |
− | 'overlayShow' : false
| |
− | });
| |
− |
| |
− | });
| |
− |
| |
− | .nav3 {
| |
− | background-color: #E9E8C7;
| |
− | height: auto;
| |
− | width: 150px;
| |
− | float: left;
| |
− | padding-left: 20px;
| |
− | font-family: Arial, Helvetica, sans-serif;
| |
− | font-size: 12px;
| |
− | color: #333333;
| |
− | padding-top: 20px;
| |
− | padding-right: 20px;
| |
| } | | } |
− |
| |
− | .icons{
| |
− | display:inline-block;
| |
− | width: 64px;
| |
− | height: 64px;
| |
− | }
| |
− |
| |
− | a.icons:hover {
| |
− | background: #C93;
| |
− | }
| |
| | | |
| </style> | | </style> |
| | | |
| </html> | | </html> |