Template:Team:Braunschweig/CSS TU-BS style
From 2014.igem.org
(Difference between revisions)
(366 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
body, html { overflow-x:hidden; } | body, html { overflow-x:hidden; } | ||
+ | |||
+ | p { font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif;font-size:16px;} | ||
+ | |||
+ | /*-------------LINK STYLE--------------*/ | ||
+ | ::-webkit-scrollbar-track | ||
+ | { -webkit-box-shadow: inset 0 0 6px rgba(190, 30, 60, 1); | ||
+ | background-color: #FFFDEF; | ||
+ | } | ||
+ | ::-webkit-scrollbar | ||
+ | { width: 10px; | ||
+ | background-color: #FFFDEF; | ||
+ | } | ||
+ | ::-webkit-scrollbar-thumb | ||
+ | { | ||
+ | background-color: #BE1E3C; | ||
+ | } | ||
+ | |||
+ | a {text-decoration:none; | ||
+ | color:#BE1E3C; | ||
+ | } | ||
+ | |||
+ | a:hover {text-decoration:underline; | ||
+ | color:#BE1E3C; | ||
+ | } | ||
+ | |||
+ | a:visited { text-decoration:none; | ||
+ | color:#BE1E3C; | ||
+ | } | ||
+ | a:active { text-decoration:none; | ||
+ | color:#BE1E3C; | ||
+ | } | ||
+ | .header-search-box { | ||
+ | width: 0px; | ||
+ | transition: all 0.3s ease; | ||
+ | } | ||
+ | |||
+ | .expanded { | ||
+ | width: 100px; | ||
+ | } | ||
+ | |||
+ | /*-------------REFERNCE STYLE--------------*/ | ||
+ | h4.reference {clear:both; | ||
+ | } | ||
+ | |||
+ | h4.reference + ol { | ||
+ | list-style-type: none;list-style-image:none; margin-left:20px;margin-bottom:30px; | ||
+ | } | ||
+ | h4.reference + ol li:before {content: "[" counter(section, decimal) "] ";font-size:small; | ||
+ | } | ||
+ | h4.reference + ol li {font-size:small; counter-increment: section; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*----------------------------------------------CAPTION STYLE---------------------------------------------------*/ | ||
+ | |||
+ | /*-------------FIGURE LEFT CAPTION--------------*/ | ||
+ | div.fig-caption {width:33%; float:left;margin:0 10px; | ||
+ | } | ||
+ | .fig-caption ul {list-style-type:none; list-style-image: none; display:block; | ||
+ | } | ||
+ | .fig-caption li {list-style-type:none; list-style-image: none; display:block;color:#333333;font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic; | ||
+ | } | ||
+ | .fig-caption img {display:block; width: 95%;margin:0 auto; | ||
+ | } | ||
+ | |||
+ | /*-------------FIGURE RIGHT CAPTION--------------*/ | ||
+ | div.fig-caption-right {width:33%; float:right; margin:0 10px; | ||
+ | } | ||
+ | .fig-caption-right ul {list-style-type:none; list-style-image: none; display:block; | ||
+ | } | ||
+ | .fig-caption-right li {list-style-type:none; list-style-image: none; display:block;color:#333333;font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;} | ||
+ | .fig-caption-right img {display:block;width: 95%; margin:0 auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /*-------------FIGURE CENTER CAPTION--------------*/ | ||
+ | div.fig-caption-center{width:80%;display:block;margin:20px auto;; | ||
+ | } | ||
+ | .fig-caption-center ul {list-style-type:none; list-style-image: none; display:block; | ||
+ | } | ||
+ | .fig-caption-center li {list-style-type:none; list-style-image: none; display:block;color:#333333;font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic; | ||
+ | } | ||
+ | .fig-caption-center img {max-width: 750px; max-height:500px; | ||
+ | } | ||
+ | |||
+ | div.ccaption {margin-left:auto;margin-right:auto;text-align:center;font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;;margin-bottom:5px; | ||
+ | } | ||
+ | |||
+ | /*-------------LEFT TABLE CAPTION--------------*/ | ||
+ | div.table-caption-left {width:100%; float:left | ||
+ | } | ||
+ | .table-caption-left ul {list-style-type:none; list-style-image: none; display:block; | ||
+ | } | ||
+ | .table-caption-left li {list-style-type:none; list-style-image: none; display:block;color:#333333;font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic; | ||
+ | } | ||
+ | .table-caption-left table {width: 80%; | ||
+ | } | ||
+ | |||
+ | /*-------------RIGHT TABLE CAPTION--------------*/ | ||
+ | div.table-caption-right {width:80%; float:right; | ||
+ | } | ||
+ | .table-caption-right ul {list-style-type:none; list-style-image: none; display:block; | ||
+ | } | ||
+ | .table-caption-right li {list-style-type:none; list-style-image: none; display:block;color:#333333; | ||
+ | } | ||
+ | .table-caption-right li:first-child {font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;margin-left:8px;margin-bottom:-5px; | ||
+ | } | ||
+ | .table-caption-right table {width: 100%; | ||
+ | } | ||
+ | |||
+ | /*-------------CENTER TABLE CAPTION--------------*/ | ||
+ | div.table-caption-center{width:80%; margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px; | ||
+ | } | ||
+ | .table-caption-center ul {list-style-type:none; list-style-image: none; display:block; | ||
+ | } | ||
+ | .table-caption-center li {list-style-type:none; list-style-image: none; display:block;color:#333333; | ||
+ | } | ||
+ | .table-caption-centerli:first-child {font-family:Arial,Helvetica,sans-serif; font-size: smaller; font-style:italic;margin-left:8px;margin-bottom:-5px; | ||
+ | } | ||
+ | .table-caption-centertable {width: 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*----------------------------------------------TABLE STYLE---------------------------------------------------*/ | ||
+ | |||
+ | /*-------------SCIENTIFIC TABLE--------------*/ | ||
+ | table.scientific_table {border-collapse:collapse; | ||
+ | } | ||
+ | table.scientific_table th {border-bottom:1px solid #333333;border-top:1px solid #333333; | ||
+ | } | ||
+ | table.scientific_table tr:last-child {border-bottom:1px solid #333333; | ||
+ | } | ||
+ | table.scientific_table th,td {padding:10px; | ||
+ | } | ||
+ | |||
+ | /*-------------PROTOCOL TABLE--------------*/ | ||
+ | table.protocol_table td,th {border-bottom: 1px solid #333333;border-top: 1px solid #333333;padding:5px; | ||
+ | } | ||
+ | table.protocol_table {width:25%;border-collapse:collapse;margin-bottom:20px;margin-top:30px; | ||
+ | } | ||
+ | td.protocol_table {padding:5px; | ||
+ | } | ||
+ | |||
+ | /*----------------------------------------------EQUATION STYLE---------------------------------------------------*/ | ||
+ | |||
+ | .eq { | ||
+ | display: block; | ||
+ | margin: 10px auto; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | |||
+ | /*----------------------------------------------SUBPAGES STYLE---------------------------------------------------*/ | ||
+ | |||
+ | /*-------------INTELLECTUAL PROPERTY--------------*/ | ||
+ | |||
+ | #propose {text-indent: 40px; | ||
+ | } | ||
+ | #greetings {text-indent: 20px; | ||
+ | } | ||
+ | ul.supporter_team_list { list-style-type: none;list-style-image:none; | ||
+ | } | ||
+ | ul.supporter_team_list a {text-decoration: none;color: #333333;} | ||
+ | ul.supporter_team_list a:hover {text-decoration: underline;} | ||
+ | ul.supporter_team_list li {display:inline;margin: 30px;list-style-type: none;list-style-image:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .templatemo-welcome{ | ||
+ | border-top: 3px solid #be1d3d;} | ||
+ | |||
+ | .glyphicon{ | ||
+ | width:20px; | ||
+ | height:auto; | ||
+ | margin:5px;} | ||
+ | |||
+ | |||
+ | .logo-sponsor{ | ||
+ | max-height:80px; | ||
+ | max-width:150px;} | ||
+ | |||
+ | .mr {line-height:2} | ||
+ | .img-thumbnail c | ||
+ | max-width:30%; | ||
+ | max-height:300px; | ||
+ | min-height:241px; | ||
+ | margin:10px;} | ||
+ | |||
+ | .img-graph { | ||
+ | max-width:300px; | ||
+ | max-height:300px; | ||
+ | height:auto; | ||
+ | display: block; | ||
+ | padding: 4px; | ||
+ | margin-bottom: 20px; | ||
+ | line-height: 1.428571429; | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #dddddd; | ||
+ | border-radius: 4px; | ||
+ | -webkit-transition: all 0.2s ease-in-out; | ||
+ | transition: all 0.2s ease-in-out;} | ||
+ | |||
+ | .img-inline{ | ||
+ | max-width:300px; | ||
+ | max-height:300px; | ||
+ | height:auto; | ||
+ | margin-top:8px; | ||
+ | margin-bottom:20px; | ||
+ | margin-left:20px; | ||
+ | margin-right:20px;} | ||
+ | |||
+ | div.img-post {width="1225px" } | ||
+ | |||
+ | .img-left{float:left;} | ||
+ | .img-right{float:right;} | ||
+ | .img-center{position:relative;margin-left: auto; margin-right: auto;} | ||
+ | |||
+ | .anchor {position: absolute; margin-top: -70px; margin-left:-1000px;} | ||
+ | |||
+ | |||
+ | .profilegallery{width:90%; | ||
+ | margin:0 auto;} | ||
+ | |||
+ | .box4box{margin-left:10px;} | ||
+ | .contentbox { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 90%; | ||
+ | height: 60%; | ||
+ | background: #f2eecf; | ||
+ | border-radius: 10px 10px 10px 10px; | ||
+ | -moz-border-radius: 10px 10px 10px 10px; | ||
+ | -webkit-border-radius: 10px 10px 10px 10px; | ||
+ | border: 4px solid #BE1E3C; | ||
+ | -webkit-box-shadow: 3px 3px 5px 0px rgba(115, 18, 36, 0.7); | ||
+ | -moz-box-shadow: 3px 3px 5px 0px rgba(115, 18, 36, 0.7); | ||
+ | box-shadow: 3px 3px 5px 0px rgba(115, 18, 36, 0.7); | ||
+ | } | ||
+ | |||
+ | ::-webkit-scrollbar-track | ||
+ | { | ||
+ | -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); | ||
+ | border-radius: 10px; | ||
+ | background-color: #F5F5F5; | ||
+ | } | ||
+ | |||
+ | ::-webkit-scrollbar | ||
+ | { | ||
+ | width: 12px; | ||
+ | background-color: #F5F5F5; | ||
+ | } | ||
+ | |||
+ | ::-webkit-scrollbar-thumb | ||
+ | { | ||
+ | border-radius: 10px; | ||
+ | -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); | ||
+ | background-color: #555; | ||
+ | } | ||
+ | |||
+ | .figure{ | ||
+ | margin: 15px; | ||
+ | padding:5px; | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | .figure p { | ||
+ | text-align: center; | ||
+ | font-style: italic; | ||
+ | font-size: smaller; | ||
+ | text-indent: 0; | ||
+ | } | ||
body { | body { | ||
- | background-color: # | + | background-color: #FFFDEF; |
font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; | font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; | ||
font-size: 12px; | font-size: 12px; | ||
- | |||
font-weight: 300; | font-weight: 300; | ||
font-style: normal; | font-style: normal; | ||
Line 16: | Line 290: | ||
} | } | ||
- | h1, h2, h3, h4, h5, h6, | + | h1, h2, h3, h4, h5, h6 |
+ | { font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; font-variant: small-caps;border:none;} | ||
+ | |||
+ | span{font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; border:none;} | ||
+ | |||
+ | .templatemo_clear { | ||
+ | clear: both; | ||
+ | } | ||
* { | * { | ||
Line 22: | Line 303: | ||
-moz-border-radius: 0 !important; | -moz-border-radius: 0 !important; | ||
border-radius: 0 !important; | border-radius: 0 !important; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
.height30 { | .height30 { | ||
height: 30px; | height: 30px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
.templatemo-top-menu { | .templatemo-top-menu { | ||
- | + | border-bottom: 3px solid #be1d3d; | |
- | background-color:# | + | height:72px; |
+ | background-color:#FFFDEF; | ||
z-index: 5000; | z-index: 5000; | ||
width:100%; | width:100%; | ||
Line 45: | Line 318: | ||
.templatemo-top-menu .navbar-toggle { | .templatemo-top-menu .navbar-toggle { | ||
- | margin-top: | + | margin-top: 5px; |
} | } | ||
.templatemo-top-menu .navbar-brand { | .templatemo-top-menu .navbar-brand { | ||
padding: 0; | padding: 0; | ||
- | margin: | + | margin: 5px 0 0 0; |
} | } | ||
Line 56: | Line 329: | ||
#templatemo-carousel { | #templatemo-carousel { | ||
- | background: url(' | + | background: url('https://static.igem.org/mediawiki/2014/e/ee/TU-BS_Slider.jpg') no-repeat center center fixed; |
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
-moz-background-size: cover; | -moz-background-size: cover; | ||
-o-background-size: cover; | -o-background-size: cover; | ||
- | background-size: | + | background-size: cover; |
overflow-x: hidden; | overflow-x: hidden; | ||
margin-bottom:0; | margin-bottom:0; | ||
Line 83: | Line 356: | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
#templatemo-carousel .carousel-caption p { | #templatemo-carousel .carousel-caption p { | ||
- | margin-bottom: | + | margin-bottom: 10px; |
line-height: 1.4; | line-height: 1.4; | ||
- | font-size: | + | font-size: 28px; |
+ | } | ||
+ | #templatemo-carousel .carousel-caption h1 { | ||
+ | padding-top:10px; | ||
+ | margin-bottom: 10px; | ||
+ | line-height: 1.4; | ||
+ | font-size: 40px; | ||
} | } | ||
- | |||
#templatemo-carousel .carousel-caption { | #templatemo-carousel .carousel-caption { | ||
padding-bottom: 140px; | padding-bottom: 140px; | ||
Line 103: | Line 381: | ||
@media (max-width: 1024px) { | @media (max-width: 1024px) { | ||
#templatemo-carousel { | #templatemo-carousel { | ||
- | background: url('../ | + | background: url('https://static.igem.org/mediawiki/2014/a/a5/TU-BS_Slider-klein.jpg') no-repeat center center; |
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
-moz-background-size: cover; | -moz-background-size: cover; | ||
Line 116: | Line 394: | ||
/* ------ End of Carousel ----- */ | /* ------ End of Carousel ----- */ | ||
- | /* ------ | + | /* ------ Header ----- */ |
- | . | + | .header{ |
- | + | max-width:100%; | |
- | + | height: 400px;} | |
+ | |||
+ | /* ------ Content ------ */ | ||
+ | |||
+ | .cbox{ | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-weight: normal; | ||
+ | color: #333333; | ||
+ | display:inline-block; | ||
+ | background-color: #FFFBEF; | ||
+ | border: 1px solid #DDD; | ||
+ | padding:10px; | ||
+ | margin-top:20px; | ||
+ | background: -moz-linear-gradient(top, #FFFBEF;, #FFF); | ||
+ | background: -webkit-linear-gradient(top, #FFFBEF;, #fff); | ||
+ | background: -ms-linear-gradient(top, #FFFBEF;, #fff); | ||
+ | background: -o-linear-gradient(top, #FFFBEF;, #fff); | ||
+ | box-shadow: 3px 3px 3px rgba(0,0,0, .2)} | ||
+ | |||
+ | .pagesummary { | ||
+ | margin-top: 20px; | ||
+ | border-bottom: 1px solid #be1d3d; | ||
+ | line-height:1.5em; | ||
+ | text-align:center; | ||
} | } | ||
- | . | + | .pagesummary p {text-align:justify;} |
- | + | .subpage{ | |
- | + | margin-top: 20px;padding-bottom:20px; | |
- | + | border-bottom: 1px solid #be1d3d; | |
- | + | line-height:1.5em; | |
- | + | ||
} | } | ||
+ | .subpage p {text-align: justify;} | ||
+ | .section{padding-bottom:10px;} | ||
.templatemo-service { | .templatemo-service { | ||
margin-bottom: 100px; | margin-bottom: 100px; | ||
Line 139: | Line 441: | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
font-size: 20px; | font-size: 20px; | ||
+ | background-color:#be1e3c; | ||
} | } | ||
Line 158: | Line 461: | ||
} | } | ||
- | + | .nav > li > a | |
- | . | + | .nav > li > ul> li > a{ |
- | + | color: #929292; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | .nav > li > a { | + | |
- | + | ||
} | } | ||
.nav > li > a:hover, | .nav > li > a:hover, | ||
- | .nav > li > a:focus { | + | .nav > li > a:focus |
- | background-color: # | + | .nav > li > a:active{ |
+ | background-color: #bc1c3e; | ||
color:#fff; | color:#fff; | ||
} | } | ||
- | + | .nav > li > ul > li > a:hover, | |
- | + | .nav > li > ul > li > a:focus | |
- | . | + | .nav > li > ul > li > a:active{ |
- | background-color: # | + | background-color: #bc1c3e; |
color:#fff; | color:#fff; | ||
} | } | ||
- | + | .navbar-default .navbar-nav > li > a:hover, | |
- | .nav > li > a { | + | .navbar-default .navbar-nav > li > a:focus |
- | color: # | + | .navbar-default .navbar-nav > li > a:active { |
+ | background-color: #be1d3d; | ||
+ | color:#ffffff; | ||
} | } | ||
- | |||
.navbar-default { | .navbar-default { | ||
- | background-color:# | + | background-color:#FFFDEF; |
+ | color:#000; | ||
border:none; | border:none; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 225: | Line 494: | ||
.navbar-default .navbar-nav > .active > a:hover, | .navbar-default .navbar-nav > .active > a:hover, | ||
.navbar-default .navbar-nav > .active > a:focus { | .navbar-default .navbar-nav > .active > a:focus { | ||
- | background-color: # | + | background-color: #ff7600; |
- | + | ||
} | } | ||
Line 241: | Line 509: | ||
.templatemo-header-orange { | .templatemo-header-orange { | ||
- | background-color:# | + | background-color:#ff7600; |
min-width: 298px; | min-width: 298px; | ||
height: 67px; | height: 67px; | ||
color: #fff; | color: #fff; | ||
+ | } | ||
+ | |||
+ | .templatemo-team { | ||
+ | background: url('../images/background.png') ; | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | min-height:590px; | ||
+ | color:#ffffff; | ||
+ | |||
+ | } | ||
+ | .templatemo-line-header { | ||
+ | margin-top:50px; | ||
+ | margin-bottom:20px; | ||
+ | border-top:2px solid #BE1D3D; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | .thumb-overlay a { | ||
+ | float:left; | ||
+ | margin-right: 5px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .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 rgba(190, 30, 60, 1); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | text-align:center; | ||
+ | padding-top:40px; | ||
+ | color: #ffffff; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | opacity: 0; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | .project-overlay h5, | ||
+ | .project-overlay h4{ | ||
+ | color:#FFF; | ||
+ | } | ||
+ | |||
+ | .project-overlay hr { | ||
+ | width : 70%; | ||
+ | |||
+ | } | ||
+ | |||
+ | .templatemo-project-gallery li { | ||
+ | margin:15px; | ||
+ | } | ||
+ | |||
+ | .txt_darkgrey { | ||
+ | color: #333333; | ||
+ | } | ||
+ | |||
+ | .txt_orange { | ||
+ | color: #e67e22; | ||
+ | } | ||
+ | |||
+ | .txt_slogan { | ||
+ | font-size:14px; | ||
+ | color:#929292; | ||
+ | } | ||
+ | |||
+ | .templatemo-line-header span { | ||
+ | font-size: 18px; | ||
+ | float :left; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | .team_box div { | ||
+ | text-align: center; | ||
+ | padding-top: 100px; | ||
+ | } | ||
+ | |||
+ | .box4 {margin-left:-12px;} | ||
+ | |||
+ | .span_blog { | ||
+ | margin-bottom: 80px; | ||
+ | } | ||
+ | |||
+ | .box_post { | ||
+ | color: #333333; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | .box_header { | ||
+ | font-variant: none; | ||
+ | font-weight: bold; | ||
+ | font-size: 16px; | ||
+ | margin:10px auto; | ||
+ | text-align: center;} | ||
+ | |||
+ | .box_text { | ||
+ | text-align: justify; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | #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 260: | Line 712: | ||
.templatemo-partners { | .templatemo-partners { | ||
- | border-top: 2px solid # | + | border-top: 2px solid #cccccc; |
} | } | ||
Line 268: | Line 720: | ||
.templatemo-footer { | .templatemo-footer { | ||
- | border-top: 2px solid # | + | border-top: 2px solid #BE1D3D; |
- | margin-top: | + | margin-top: 20px; |
} | } | ||
- | |||
- | |||
- | |||
- | |||
.footer_bottom_content { | .footer_bottom_content { | ||
Line 284: | Line 732: | ||
} | } | ||
- | . | + | ul.templatemo-project-gallery li a img:hover { |
- | + | border: 3px solid #ff7600; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .templatemo-gallery-category a { | |
- | + | color:#333333; | |
} | } | ||
- | . | + | .templatemo-gallery-category a.active { |
- | + | color:#e67e22; | |
- | + | text-decoration:none; | |
- | + | ||
- | + | ||
} | } | ||
- | + | .templatemo-gallery-category a:focus { | |
- | + | color:#e67e22; | |
+ | text-decoration:none; | ||
} | } | ||
- | . | + | .templatemo-gallery-category a:hover { |
- | + | color:#e67e22; | |
- | + | text-decoration:none; | |
- | + | ||
- | + | ||
} | } | ||
- | + | .link_orange:hover { | |
- | + | text-decoration:none; | |
} | } | ||
- | + | .templatemo-project-gallery { | |
- | . | + | margin:30 0 0 -40; |
- | + | margin-top:30px; | |
- | + | margin-left: -50px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | .templatemo-project-gallery li { | |
- | + | list-style:none; | |
- | + | margin-bottom:25px; | |
} | } | ||
- | + | .templatemo-project-gallery li img { | |
- | . | + | cursor: pointer; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .templatemo-tweets { | |
- | background: | + | background-color: #8996a0; |
+ | min-height:200px; | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-size:20px; | ||
+ | color:#ffffff; | ||
+ | margin-top:100px; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
.form-control { | .form-control { | ||
Line 352: | Line 789: | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
+ | |||
+ | .btn_loadmore { | ||
+ | margin-top:30px; | ||
+ | margin-bottom:80px; | ||
+ | } | ||
+ | |||
+ | .box_img{ | ||
+ | width: 200px; | ||
+ | display:block; | ||
+ | margin: 5px auto; | ||
+ | } | ||
+ | |||
@media (min-width:991px) and (max-width:1200px) { | @media (min-width:991px) and (max-width:1200px) { | ||
Line 360: | Line 809: | ||
.templatemo-project-gallery { | .templatemo-project-gallery { | ||
- | margin-left: - | + | margin-left: -40px; |
} | } | ||
Line 406: | Line 855: | ||
} | } | ||
- | . | + | .box_pages{ |
margin-right: -140px; | margin-right: -140px; | ||
} | } | ||
} | } | ||
- | + | .nav li ul { | |
+ | display:none;} | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
Line 429: | Line 879: | ||
} | } | ||
} | } | ||
+ | |||
+ | .btn {color:#BE1D3D; | ||
+ | background-color:#FFFBEF; | ||
+ | border-color:#BE1D3D} | ||
@media (max-width: 380px) { | @media (max-width: 380px) { | ||
Line 485: | Line 939: | ||
} | } | ||
} | } | ||
- | |||
- |
Latest revision as of 12:00, 17 October 2014