|
|
(30 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:1px;
| + | |
− | 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> |