Template:Team:Braunschweig/CSS TU-BS style

From 2014.igem.org

(Difference between revisions)
 
(394 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: #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 16: 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 22: Line 303:
     -moz-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
           border-radius: 0 !important;
           border-radius: 0 !important;
-
}
 
-
 
-
.templatemo_clear {
 
-
clear: both;
 
}
}
.height30 {
.height30 {
height: 30px;
height: 30px;
-
}
 
-
 
-
.templatemo-top-bar {
 
-
    min-height: 40px;
 
-
    background-color:#eeeeee;
 
}
}
.templatemo-top-menu {
.templatemo-top-menu {
-
     min-height:110px;
+
     border-bottom: 3px solid #be1d3d;
-
     background-color:#cec46f;
+
    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: 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 56: 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 83: 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 103: 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 116: 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 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
-
.btn-orange {
+
.nav > li > ul> li > a{
-
    background-color: #BE1E3C;
+
     color: #929292;
-
    border-bottom:2px solid #86142a;
+
-
    -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: #BE1E3C;
+
.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: #BE1E3C;
+
     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:#cec46f;
+
     background-color:#FFFDEF;
 +
    color:#000;
     border:none;
     border:none;
-
}
 
-
 
-
.nav > li > ul {
 
-
display:none;
 
-
}
 
-
 
-
.nav > li:hover ul {
 
-
display:inline;
 
-
        list-style: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: #BE1E3C;
+
     background-color: #ff7600;
-
    color:#fff;
+
}
}
Line 241: Line 509:
.templatemo-header-orange {
.templatemo-header-orange {
-
     background-color:#BE1E3C;
+
     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 268: 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 284: Line 732:
}
}
-
.social-icon-fb {
+
ul.templatemo-project-gallery  li  a img:hover {
-
     background: url('../images/social-icon-fb.png') no-repeat;
+
     border: 3px solid #ff7600;
-
    width: 42px;
+
-
    height: 42px;
+
-
    display: block;
+
}
}
-
a:hover .social-icon-fb {
+
.templatemo-gallery-category a {
-
    background: url('../images/social-icon-fb-over.png') no-repeat;
+
color:#333333;  
}
}
-
.social-icon-rss {
+
.templatemo-gallery-category a.active {
-
    background: url('../images/social-icon-rss.png') no-repeat;
+
color:#e67e22;  
-
    width: 42px;
+
text-decoration:none;
-
    height: 42px;
+
-
    display: block;
+
}
}
-
a:hover .social-icon-rss {
+
.templatemo-gallery-category a:focus {
-
    background: url('../images/social-icon-rss-over.png') no-repeat;
+
color:#e67e22;
 +
text-decoration:none;
}
}
-
.social-icon-twitter {
+
.templatemo-gallery-category a:hover {
-
    background: url('../images/social-icon-twitter.png') no-repeat;
+
color:#e67e22;  
-
    width: 42px;
+
text-decoration:none;
-
    height: 42px;
+
-
    display: block;
+
}
}
-
a:hover .social-icon-twitter {
+
.link_orange:hover {
-
     background: url('../images/social-icon-twitter-over.png') no-repeat;
+
     text-decoration:none;
}
}
-
 
+
.templatemo-project-gallery {        
-
.social-icon-linkedin {
+
     margin:30 0 0 -40;
-
     background: url('../images/social-icon-linkedin.png') no-repeat;
+
     margin-top:30px;
-
     width: 42px;
+
     margin-left: -50px;
-
     height: 42px;
+
-
    display: block;
+
}
}
-
 
+
.templatemo-project-gallery li {    
-
a:hover .social-icon-linkedin {
+
     list-style:none;
-
     background: url('../images/social-icon-linkedin-over.png') no-repeat;
+
    margin-bottom:25px;          
}
}
-
 
+
.templatemo-project-gallery li img {
-
.social-icon-dribbble {
+
  cursor: pointer;
-
    background: url('../images/social-icon-dribbble.png') no-repeat;
+
-
    width: 42px;
+
-
    height: 42px;
+
-
    display: block;
+
}
}
-
a:hover .social-icon-dribbble {
+
.templatemo-tweets {
-
     background: url('../images/social-icon-dribbble-over.png') no-repeat;
+
     background-color: #8996a0;
 +
    min-height:200px;
 +
    font-family:  'Open Sans', sans-serif;
 +
    font-size:20px;
 +
    color:#ffffff;
 +
    margin-top:100px;
}
}
-
 
-
.link_orange:hover {
 
-
    text-decoration:none;
 
-
 
.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: -70px;
+
         margin-left: -40px;
     }
     }
Line 406: 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 429: Line 879:
       }
       }
}
}
 +
 +
.btn {color:#BE1D3D;
 +
background-color:#FFFBEF;
 +
border-color:#BE1D3D}
@media (max-width: 380px) {
@media (max-width: 380px) {
Line 485: Line 939:
}
}
}
}
-
</style>
 
-
</html>
 

Latest revision as of 12:00, 17 October 2014