|
|
Line 209: |
Line 209: |
| | | |
| .nav > li:hover ul { | | .nav > li:hover ul { |
- | background-color:#929292; | + | display: inline-table; |
| + | list-style:none; |
| + | visibility: visible; |
| + | width: auto; |
| + | background-color:#fff; |
| + | opacity:0.3; |
| } | | } |
| | | |
Line 236: |
Line 241: |
| color: #fff; | | color: #fff; |
| | | |
- | }
| |
- |
| |
- | .team_hr {
| |
- | border: 1px solid #fff;
| |
- | width: 39.5%;
| |
- | float: left;
| |
- | }
| |
- |
| |
- | .team_hr_left {
| |
- | margin-right: 30px;
| |
- | margin-left: 15px;
| |
- | }
| |
- |
| |
- | .team_hr_right {
| |
- | margin-left: 30px;
| |
| } | | } |
| | | |
Line 257: |
Line 247: |
| } | | } |
| | | |
- | .templatemo-team {
| |
- | background: url('../images/background.png') ;
| |
- | font-family: 'Open Sans', sans-serif;
| |
- | min-height:590px;
| |
- | color:#ffffff;
| |
- |
| |
- | }
| |
| .templatemo-line-header { | | .templatemo-line-header { |
| margin-top:100px; | | margin-top:100px; |
| margin-bottom:80px; | | margin-bottom:80px; |
- | }
| |
- |
| |
- | .member-thumb:hover .thumb-overlay {
| |
- | transition: all 0.3s ease-in-out 0s;
| |
- | visibility: visible;
| |
- | opacity: 1;
| |
- | }
| |
- |
| |
- | .member-thumb {
| |
- | position: relative;
| |
- | overflow: hidden;
| |
- | }
| |
- |
| |
- | .member-thumb .thumb-overlay {
| |
- | background-color: rgba(220, 157, 102, 0.8);
| |
- | position: absolute;
| |
- | visibility: hidden;
| |
- | padding-top: 35%;
| |
- | padding-left: 25%;
| |
- | height: 100%;
| |
- | width: 100%;
| |
- | opacity: 0;
| |
- | right: 0;
| |
- | top: 0;
| |
| } | | } |
| | | |
Line 298: |
Line 257: |
| } | | } |
| | | |
- |
| |
- |
| |
- | .team-inner {
| |
- | margin-top:10px;
| |
- | }
| |
- |
| |
- | .team-inner-header {
| |
- | font-family: 'Open Sans', sans-serif;
| |
- | font-weight:600;
| |
- | font-size:16px;
| |
- | }
| |
- |
| |
- | .team-inner-subtext {
| |
- | font-weight:normal;
| |
- | font-size:12px;
| |
- | }
| |
- |
| |
- | .row_team {
| |
- | margin-left:-50px;
| |
- | margin-top:70px;
| |
- | }
| |
- |
| |
- | .row_team li {
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | .templatemo-project-box {
| |
- | background-size: cover;
| |
- | position: relative;
| |
- | overflow: hidden;
| |
- | cursor:pointer;
| |
- | height: 200px;
| |
- | width: 200px;
| |
- | }
| |
- |
| |
- | .templatemo-project-box:hover .project-overlay {
| |
- | transition: all 0.3s ease-in-out 0s;
| |
- | visibility: visible;
| |
- | opacity: 1;
| |
- | }
| |
- |
| |
- | .project-overlay {
| |
- | background : rgba(0,0,0,.75);
| |
- | border : 2px solid #ff7600;
| |
- | visibility: hidden;
| |
- | position: absolute;
| |
- | text-align:center;
| |
- | padding-top:40px;
| |
- | color: #ffffff;
| |
- | height: 100%;
| |
- | width: 100%;
| |
- | opacity: 0;
| |
- | right: 0;
| |
- | top: 0;
| |
- | }
| |
- |
| |
- |
| |
- | .project-overlay hr {
| |
- | width : 70%;
| |
- |
| |
- | }
| |
- |
| |
- | .templatemo-project-gallery li {
| |
- | margin:15px;
| |
- | }
| |
| | | |
| .txt_darkgrey { | | .txt_darkgrey { |
Line 381: |
Line 275: |
| float :left; | | float :left; |
| margin-top: 10px; | | margin-top: 10px; |
- | }
| |
- |
| |
- | .team_box div {
| |
- | text-align: center;
| |
- | padding-top: 100px;
| |
- | }
| |
- |
| |
- | .span_blog {
| |
- | margin-bottom: 80px;
| |
- | }
| |
- |
| |
- | .blog_post {
| |
- | color: #333333;
| |
- | padding: 10px;
| |
- | }
| |
- |
| |
- | .blog_header {
| |
- | font-weight: bold;
| |
- | font-size: 16px;
| |
- | }
| |
- |
| |
- | .blog_text {
| |
- | text-align: justify;
| |
- | font-size: 14px;
| |
- | margin-top: 20px;
| |
- | }
| |
- |
| |
- | #templatemo-contact {
| |
- | margin-top:100px;
| |
- | border-top: 1px solid #cccccc;
| |
- | font-size:14px;
| |
- | }
| |
- | .templatemo-contact-map {
| |
- | margin-bottom: 15px;
| |
- | height: 378px;
| |
- |
| |
- | }
| |
- |
| |
- | .head_contact {
| |
- | padding-bottom:80px;
| |
- | margin-bottom:0;
| |
- | }
| |
- |
| |
- | .contact_right img {
| |
- | margin-right:5px;
| |
- | }
| |
- |
| |
- | .contact_right form {
| |
- | padding-left:15px;
| |
- | padding-right:15px
| |
| } | | } |
| | | |
Line 587: |
Line 431: |
| } | | } |
| | | |
- | .blog_box {
| |
- | margin-left: -12px;
| |
- | }
| |
| | | |
| @media (min-width:991px) and (max-width:1200px) { | | @media (min-width:991px) and (max-width:1200px) { |
Line 630: |
Line 471: |
| | | |
| | | |
- | @media (min-width:768px) and (max-width:990px) {
| |
- | .member-thumb .thumb-overlay {
| |
- | padding-left: 30%;
| |
- | }
| |
- | .templatemo-project-box , .project-overlay {
| |
- | height:130px;
| |
- | width:130px;
| |
- | padding-top: 0px;
| |
- | }
| |
- |
| |
- | .templatemo-project-gallery {
| |
- | margin-left: 10px;
| |
- | }
| |
- |
| |
- | .blog_box{
| |
- | margin-right: -140px;
| |
- | }
| |
- | }
| |
| | | |
| | | |