|
|
| Line 11: |
Line 11: |
| | overflow-x: hidden; | | overflow-x: hidden; |
| | } | | } |
| − |
| |
| − | #globalWrapper {
| |
| − | padding:0;
| |
| − | }
| |
| − | .pad-top {
| |
| − | padding-top: 60px
| |
| − | }
| |
| − | .text-center {
| |
| − | text-align: center
| |
| − | }
| |
| − | i.fa {
| |
| − | padding: 5px
| |
| − | }
| |
| − | section {
| |
| − | padding-top: 50px;
| |
| − | width: 100%
| |
| − | }
| |
| − |
| |
| − | .hl_1 {
| |
| − | color: green;
| |
| − | }
| |
| − |
| |
| − | .hl_2 {
| |
| − | color: red;
| |
| − | }
| |
| − |
| |
| − | .page{
| |
| − | background: honeydew;
| |
| − | }
| |
| − |
| |
| − | p {
| |
| − | margin: 0px !important;
| |
| − | font-weight: 300 !important;
| |
| − | line-height: 30px;
| |
| − | font-size: 120%;
| |
| − | font-family: "Objektiv-mk1" !important;
| |
| − | }
| |
| − | .persondesc {
| |
| − | font-weight: 300;
| |
| − | line-height: 30px;
| |
| − | font-size: 105%
| |
| − | }
| |
| − | .pad-row {
| |
| − | padding-top: 40px;
| |
| − | padding-bottom: 40px
| |
| − | }
| |
| − | .pad-bottom {
| |
| − | padding-bottom: 50px
| |
| − | }
| |
| − |
| |
| − | .navbar {
| |
| − | margin-top: 16px
| |
| − | }
| |
| − | .navbar-inverse .navbar-nav>li>a {
| |
| − | color: #FFF
| |
| − | }
| |
| − | .navbar-inverse .navbar-brand {
| |
| − | color: #FFF
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .nav li {
| |
| − | transition: visibility 1.26s linear 0s, background 0.9s linear 0.36s;
| |
| − | }
| |
| − |
| |
| − | .nh {
| |
| − | background: #333;
| |
| − | transition: all .2s ease
| |
| − | }
| |
| − |
| |
| − | .nav ul li {
| |
| − | text-align: center;
| |
| − | list-style-type: none
| |
| − | }
| |
| − |
| |
| − | .navsub, .nhs {
| |
| − | color: white;
| |
| − | background: #222;
| |
| − | left: 0;
| |
| − | text-align: center;
| |
| − | width: 100%;
| |
| − | position: fixed;
| |
| − | top: 68px;
| |
| − | }
| |
| − | .firstHeading {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #content {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | border:none;
| |
| − | margin: 0px;
| |
| − | }
| |
| − |
| |
| − | .navsub ul li, .nhs ul li {
| |
| − | padding-left: 20px;
| |
| − | padding-right: 20px;
| |
| − | line-height: 50px;
| |
| − | float: left;
| |
| − | list-style-image: none
| |
| − | }
| |
| − | .navsub ul li a, .nhs ul li a {
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | color: white;
| |
| − | text-decoration: none
| |
| − | }
| |
| − |
| |
| − | .nav > li > .navsub {
| |
| − | visibility: hidden;
| |
| − | opacity:0;
| |
| − | transition: visibility 1.26s linear 0s, opacity 0.9s linear 0.36s, z-index 1.26s;
| |
| − | z-index:10;
| |
| − | }
| |
| − |
| |
| − | .nav > li:hover > .navsub, .nhs {
| |
| − | visibility:visible;
| |
| − | opacity:1;
| |
| − | transition:visibility 0s linear 0s,opacity 0s linear;
| |
| − | transition-delay:0s;
| |
| − | z-index: 100;
| |
| − | }
| |
| − |
| |
| − | .nhs {
| |
| − | z-index:1
| |
| − | }
| |
| − |
| |
| − | .nhs:hover {
| |
| − | z-index:100
| |
| − | }
| |
| − |
| |
| − | .navbar {
| |
| − | -webkit-transition: background .8s ease-out, padding .8s ease-out;
| |
| − | -moz-transition: background .8s ease-out, padding .8s ease-out;
| |
| − | transition: background .8s ease-out, padding .8s ease-out
| |
| − | }
| |
| − | .navbar-pad-original {
| |
| − | padding: 0
| |
| − | }
| |
| − |
| |
| − | small {
| |
| − | font-size: 15px;
| |
| − | padding-left: 10px
| |
| − | }
| |
| − | #footer-sec {
| |
| − | background-color: #000;
| |
| − | margin-left: -1px;
| |
| − | margin-bottom: -10px;
| |
| − | color: gray
| |
| − | }
| |
| − | #footer-sec h4 {
| |
| − | text-transform: uppercase;
| |
| − | color: #fff
| |
| − | }
| |
| − | section {
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | border: 0
| |
| − | }
| |
| − | .cam-container {
| |
| − | height: auto;
| |
| − | margin: 0;
| |
| − | padding: 0px;
| |
| − | background-color: #fff;
| |
| − | font-size: 13.6px;
| |
| − | min-width: 300px;
| |
| − | -webkit-overflow-scrolling: touch;
| |
| − | }
| |
| − |
| |
| − | #content {
| |
| − | padding:0;
| |
| − | }
| |
| − |
| |
| − | /*@media only screen and (max-width: 1200px) {
| |
| − | .cam-container {
| |
| − | background-color: #000
| |
| − | }
| |
| − | }*/
| |
| − |
| |
| − | .cam-container section:first-of-type {
| |
| − | margin-top: 50px;
| |
| − | padding-top: 50px
| |
| − | }
| |
| − |
| |
| − | .slide,
| |
| − | .slide-team,
| |
| − | .slide-bare {
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: center;
| |
| − | background-size: 100% auto;
| |
| − | color: white;
| |
| − | max-width: 1200px;
| |
| − | margin: 0px auto 0px auto;
| |
| − | padding: 20px 0px;
| |
| − | }
| |
| − |
| |
| − | .ss {
| |
| − | padding: 20px 10px;
| |
| − | }
| |
| − |
| |
| − | .slide,
| |
| − | .slide-team {
| |
| − | min-height: 600px
| |
| − | }
| |
| − | .slide-team {
| |
| − |
| |
| − | display: block
| |
| − | }
| |
| − | .team {
| |
| − | max-width: 1170px;
| |
| − | min-width: 300px;
| |
| − | text-align: center;
| |
| − | }
| |
| − | .teamen {
| |
| − | text-align: center;
| |
| − | }
| |
| − | .face {
| |
| − | white-space: normal;
| |
| − | width: 220px;
| |
| − | height: 280px;
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: center;
| |
| − | background-size: auto 100%;
| |
| − | position: relative;
| |
| − | display: inline-block;
| |
| − | margin-top: 12px;
| |
| − | margin-bottom: 12px;
| |
| − | }
| |
| − | .face .profile,
| |
| − | .face .blur {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | position: absolute;
| |
| − | overflow: hidden;
| |
| − | top: 0;
| |
| − | left: 0
| |
| − | }
| |
| − | .face .profile {
| |
| − | opacity: 0;
| |
| − | padding: 0px;
| |
| − | color: #fff
| |
| − | }
| |
| − | .face .profile h3 {
| |
| − | text-align: center;
| |
| − | margin: 0px 0
| |
| − | }
| |
| − | .face .profile p {
| |
| − | line-height: normal
| |
| − | }
| |
| − | .face:hover .profile, .profilehovered {
| |
| − | opacity: 1;
| |
| − | background-color: rgba(0, 0, 0, 0.65);
| |
| − | cursor: pointer;
| |
| − | }
| |
| − | .face:hover .blur, .facehovered {
| |
| − | background: inherit;
| |
| − | filter: blur(10px);
| |
| − | -webkit-filter: blur(10px)
| |
| − | }
| |
| − |
| |
| − | .person-name {
| |
| − | font-family: 'Objektiv-mk1';
| |
| − | font-weight: 300;
| |
| − | opacity: 0;
| |
| − | position: absolute;
| |
| − | background-color: rgba(0, 0, 0, 0.65);
| |
| − | }
| |
| − |
| |
| − | @media (max-width: 768px) {
| |
| − | .person-name {
| |
| − | opacity: 1;
| |
| − | position: absolute;
| |
| − | top: -42px;
| |
| − | width: inherit;
| |
| − | height: auto;
| |
| − | background-color: rgba(0, 0, 0, 0);
| |
| − | }
| |
| − | .face:hover .profile, .profilehovered {
| |
| − | opacity: 0;
| |
| − | background-color: rgba(0, 0, 0, 0.65);
| |
| − | cursor: pointer;
| |
| − | }
| |
| | </style> | | </style> |
| | | | |
| | </html> | | </html> |
