Template:Team:Braunschweig/CSS TU-BS style

From 2014.igem.org

(Difference between revisions)
 
(416 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
/*
 
-
templatemo.com 395 urbanic
 
-
*/
 
-
 
-
/*
 
-
Urbanic Template
 
-
http://www.templatemo.com/preview/templatemo_395_urbanic
 
-
*/
 
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: #ffffff;
+
     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 24: Line 290:
}
}
-
h1, h2, h3, h4, h5, h6, span, p { font-family: 'Open Sans', Arial, Helvetice Neue, sans-serif; }
+
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 30: Line 303:
     -moz-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
           border-radius: 0 !important;
           border-radius: 0 !important;
-
}
 
-
 
-
.templatemo_clear {
 
-
clear: both;
 
}
}
Line 41: Line 310:
.templatemo-top-menu {
.templatemo-top-menu {
-
     min-height:80px;
+
     border-bottom: 3px solid #be1d3d;
-
     background-color:#ffffff;
+
    height:72px;
 +
     background-color:#FFFDEF;
     z-index: 5000;
     z-index: 5000;
     width:100%;
     width:100%;
Line 48: Line 318:
.templatemo-top-menu .navbar-toggle {
.templatemo-top-menu .navbar-toggle {
-
     margin-top: 38px;
+
     margin-top: 5px;
}
}
.templatemo-top-menu .navbar-brand {
.templatemo-top-menu .navbar-brand {
     padding: 0;
     padding: 0;
-
     margin: 30px 0 0 0;
+
     margin: 5px 0 0 0;
}
}
Line 59: Line 329:
#templatemo-carousel {
#templatemo-carousel {
-
     background: url('https://orionhub.org/file/yenni-OrionContent/iGEM-BS/web/images/TU-BS_Slider.jpg') no-repeat center center fixed;  
+
     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;
Line 66: Line 336:
     overflow-x: hidden;
     overflow-x: hidden;
     margin-bottom:0;
     margin-bottom:0;
-
     height: 600px;
+
     height: 500px;
}
}
Line 86: Line 356:
@media (min-width: 768px) {
@media (min-width: 768px) {
     #templatemo-carousel .carousel-caption p {
     #templatemo-carousel .carousel-caption p {
-
         margin-bottom: 20px;
+
         margin-bottom: 10px;
         line-height: 1.4;
         line-height: 1.4;
-
         font-size: 21px;
+
         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 106: Line 381:
@media (max-width: 1024px) {
@media (max-width: 1024px) {
     #templatemo-carousel {
     #templatemo-carousel {
-
         background: url('../images/templatemo_carousel_bg_s.jpg') no-repeat center center;  
+
         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 119: Line 394:
/* ------ End of Carousel ----- */
/* ------ End of Carousel ----- */
-
/* ------ Welcome & Slogna ------ */
+
/* ------ Header ----- */
-
.templatemo-welcome {
+
.header{
-
    border-bottom: 1px solid #cccccc;
+
max-width:100%;
-
    min-height: 230px;
+
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;
}
}
-
.templatemo-slogan {
+
.pagesummary p {text-align:justify;}
-
    font-family: 'Open Sans', sans-serif;
+
.subpage{
-
    font-weight: normal;
+
margin-top: 20px;padding-bottom:20px;
-
    font-size: 42px;
+
border-bottom: 1px solid #be1d3d;
-
    margin: 60px 0;
+
line-height:1.5em;
-
    color: #333333;
+
}
}
 +
.subpage p {text-align: justify;}
 +
.section{padding-bottom:10px;}
.templatemo-service {
.templatemo-service {
     margin-bottom: 100px;
     margin-bottom: 100px;
Line 142: Line 441:
     margin-bottom: 10px;
     margin-bottom: 10px;
     font-size: 20px;
     font-size: 20px;
 +
background-color:#be1e3c;
}
}
Line 161: Line 461:
}
}
-
 
+
.nav > li > a
-
.btn-orange {
+
.nav > li > ul> li > a{
-
    background-color: #ff7600;
+
     color: #929292;
-
    border-bottom:2px solid #d35400;
+
-
    -webkit-border-radius: 0;
+
-
    -moz-border-radius: 0;
+
-
    border-radius: 0;
+
-
    color:#ffffff;
+
-
}
+
-
 
+
-
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
+
-
    background-color: #d35400;
+
-
    color:#ffffff;
+
-
}
+
-
 
+
-
.btn-green {
+
-
    background-color:#2ecc71;
+
-
    border-bottom:2px solid #27ae60;
+
-
    -webkit-border-radius: 0;
+
-
    -moz-border-radius: 0;
+
-
    border-radius: 0;
+
-
    color:#ffffff;
+
-
}
+
-
 
+
-
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
+
-
    background-color: #27ae60;
+
-
    color:#ffffff;
+
-
}
+
-
 
+
-
.nav > li > a {
+
-
     padding: 10px 20px;
+
}
}
.nav > li > a:hover,
.nav > li > a:hover,
-
.nav > li > a:focus {
+
.nav > li > a:focus  
-
     background-color: #ff7600;
+
.nav > li > a:active{
 +
     background-color: #bc1c3e;
     color:#fff;
     color:#fff;
}
}
-
 
+
.nav > li > ul > li > a:hover,
-
.navbar-default .navbar-nav > li > a:hover,
+
.nav > li > ul > li > a:focus  
-
.navbar-default .navbar-nav > li > a:focus {
+
.nav > li > ul > li > a:active{
-
     background-color: #ff7600;
+
     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: #929292;
+
.navbar-default .navbar-nav > li > a:active {
 +
    background-color: #be1d3d;
 +
     color:#ffffff;
}
}
.navbar-default {
.navbar-default {
-
     background-color:#fff;
+
     background-color:#FFFDEF;
 +
    color:#000;
     border:none;
     border:none;
-
}
 
-
 
-
.navbar ul ul {
 
-
display:none;
 
-
}
 
-
 
-
.navbar ul li:hover ul {
 
-
  display: inline-table;
 
-
  opacity: 0.5;
 
-
  visibility: visible;
 
}
}
Line 229: Line 495:
.navbar-default .navbar-nav > .active > a:focus {
.navbar-default .navbar-nav > .active > a:focus {
     background-color: #ff7600;
     background-color: #ff7600;
-
    color:#fff;
 
}
}
Line 249: Line 514:
     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;
 
-
}
 
-
 
-
.hr_gray {
 
-
    border: 1px solid #cccccc;
 
}
}
Line 278: Line 524:
}
}
.templatemo-line-header {
.templatemo-line-header {
-
     margin-top:100px;
+
     margin-top:50px;
-
     margin-bottom:80px;
+
     margin-bottom:20px;
 +
border-top:2px solid #BE1D3D;
}
}
Line 354: Line 601:
.project-overlay {
.project-overlay {
     background : rgba(0,0,0,.75);
     background : rgba(0,0,0,.75);
-
     border : 2px solid #ff7600;
+
     border : 2px solid rgba(190, 30, 60, 1);
     visibility: hidden;
     visibility: hidden;
     position: absolute;
     position: absolute;
Line 367: Line 614:
}
}
 +
.project-overlay h5,
 +
.project-overlay h4{
 +
color:#FFF;
 +
}
.project-overlay hr {
.project-overlay hr {
Line 400: Line 651:
     padding-top: 100px;
     padding-top: 100px;
}
}
 +
 +
.box4 {margin-left:-12px;}
.span_blog {
.span_blog {
Line 405: Line 658:
}
}
-
.blog_post {
+
.box_post {
     color: #333333;  
     color: #333333;  
     padding: 10px;
     padding: 10px;
}
}
-
.blog_header {
+
.box_header {
-
    font-weight: bold;  
+
font-variant: none;
-
    font-size: 16px;  
+
font-weight: bold;  
-
}
+
font-size: 16px;  
 +
margin:10px auto;
 +
text-align: center;}
-
.blog_text {
+
.box_text {
     text-align: justify;  
     text-align: justify;  
     font-size: 14px;  
     font-size: 14px;  
-
    margin-top: 20px;
 
}
}
Line 466: Line 720:
.templatemo-footer {
.templatemo-footer {
-
border-top: 2px solid #cccccc;  
+
border-top: 2px solid #BE1D3D;  
-
margin-top: 100px;
+
margin-top: 20px;
}
}
-
.footer_container {
 
-
margin-top:60px;
 
-
margin-bottom:20px;
 
-
}
 
.footer_bottom_content {
.footer_bottom_content {
Line 480: Line 730:
font-size: 14px;
font-size: 14px;
color:#333333;
color:#333333;
-
}
 
-
 
-
.social-icon-fb {
 
-
    background: url('../images/social-icon-fb.png') no-repeat;
 
-
    width: 42px;
 
-
    height: 42px;
 
-
    display: block;
 
-
}
 
-
 
-
a:hover .social-icon-fb {
 
-
    background: url('../images/social-icon-fb-over.png') no-repeat;
 
-
}
 
-
 
-
.social-icon-rss {
 
-
    background: url('../images/social-icon-rss.png') no-repeat;
 
-
    width: 42px;
 
-
    height: 42px;
 
-
    display: block;
 
-
}
 
-
 
-
a:hover .social-icon-rss {
 
-
    background: url('../images/social-icon-rss-over.png') no-repeat;
 
-
}
 
-
 
-
.social-icon-twitter {
 
-
    background: url('../images/social-icon-twitter.png') no-repeat;
 
-
    width: 42px;
 
-
    height: 42px;
 
-
    display: block;
 
-
}
 
-
 
-
a:hover .social-icon-twitter {
 
-
    background: url('../images/social-icon-twitter-over.png') no-repeat;
 
-
}
 
-
 
-
.social-icon-linkedin {
 
-
    background: url('../images/social-icon-linkedin.png') no-repeat;
 
-
    width: 42px;
 
-
    height: 42px;
 
-
    display: block;
 
-
}
 
-
 
-
a:hover .social-icon-linkedin {
 
-
    background: url('../images/social-icon-linkedin-over.png') no-repeat;
 
-
}
 
-
 
-
.social-icon-dribbble {
 
-
    background: url('../images/social-icon-dribbble.png') no-repeat;
 
-
    width: 42px;
 
-
    height: 42px;
 
-
    display: block;
 
-
}
 
-
 
-
a:hover .social-icon-dribbble {
 
-
    background: url('../images/social-icon-dribbble-over.png') no-repeat;
 
}
}
Line 564: Line 759:
}
}
.templatemo-project-gallery {         
.templatemo-project-gallery {         
-
     margin:0 0 0 0;
+
     margin:30 0 0 -40;
     margin-top:30px;
     margin-top:30px;
-
     margin-left: -40px;
+
     margin-left: -50px;
}
}
.templatemo-project-gallery li {     
.templatemo-project-gallery li {     
Line 600: Line 795:
}
}
-
.blog_box {
+
.box_img{
-
margin-left: -12px;
+
width: 200px;
 +
display:block;
 +
margin: 5px auto;
}
}
 +
@media (min-width:991px) and (max-width:1200px) {
@media (min-width:991px) and (max-width:1200px) {
Line 611: Line 809:
     .templatemo-project-gallery {
     .templatemo-project-gallery {
-
         margin-left: -70px;
+
         margin-left: -40px;
     }
     }
Line 657: Line 855:
     }
     }
-
     .blog_box{
+
     .box_pages{
       margin-right: -140px;
       margin-right: -140px;
     }
     }
}
}
-
 
+
.nav li ul {
 +
display:none;}
@media (min-width: 768px) {
@media (min-width: 768px) {
Line 680: Line 879:
       }
       }
}
}
 +
 +
.btn {color:#BE1D3D;
 +
background-color:#FFFBEF;
 +
border-color:#BE1D3D}
@media (max-width: 380px) {
@media (max-width: 380px) {
Line 736: Line 939:
}
}
}
}
-
</style>
 
-
</html>
 

Latest revision as of 12:00, 17 October 2014