|
|
(39 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; |
− | .img{ | + | |
− | position:absolute;
| + | |
− | width:20%; | + | |
| align:center; | | 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
| + | |
− | });
| + | |
− |
| + | |
− | });
| + | |
− | | + | |
− | .image-row{text-align:center}@media (min-width:640px){.image-row{text-align:left}}.example-image-link{display:inline-block;padding:2px;margin:0 .5rem 1rem .5rem;background-color:#fff;line-height:0;border-radius:4px;transition:background-color .5s ease-out}.example-image-link:hover{background-color:#4ae;transition:none}.example-image{width:7rem;border-radius:4px}
| + | |
| | | |
| </style> | | </style> |
| | | |
| </html> | | </html> |