|
|
| (31 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; | + | .part { |
| − | margin:5% 0%; | + | position:relative; |
| | + | height:90%; |
| | + | width:95%; |
| | + | padding:5% 0%; |
| | + | left:2.5%; |
| | + | top:20px; |
| | + | align:center; |
| | } | | } |
| | | | |
| − | .image-row{align:center}
| + | } |
| − | | + | |
| − | @media (min-width:1200px){.image-row{text-align:left}}
| + | |
| − | | + | |
| − | .example-image-link{display:inline-block;padding:10px;
| + | |
| − | margin:0 .5rem 1rem .5rem;
| + | |
| − | line-height:0;
| + | |
| − | border-radius:4px;
| + | |
| − | transition:background-color .5s ease-out}
| + | |
| − | .example-image-link:hover{background-color:none;
| + | |
| − | transition:none}
| + | |
| − | .example-image{width:20rem;
| + | |
| − | border-radius:4px}
| + | |
| | | | |
| | </style> | | </style> |
| | | | |
| | </html> | | </html> |