Difference between revisions of "Template:IONIS Paris-style-css"

Line 99: Line 99:
 
.blog_banner_biology, .protfolio_breadcump {
 
.blog_banner_biology, .protfolio_breadcump {
 
     background-image: url("https://static.igem.org/mediawiki/2016/a/a4/Biology_banner.jpg");
 
     background-image: url("https://static.igem.org/mediawiki/2016/a/a4/Biology_banner.jpg");
 +
    padding: 120px 0;
 +
    background-size: cover;
 +
}
 +
.blog_banner_eng, .protfolio_breadcump {
 +
    background-image: url("https://static.igem.org/mediawiki/2016/d/db/Eng_banner.jpg");
 
     padding: 120px 0;
 
     padding: 120px 0;
 
     background-size: cover;
 
     background-size: cover;

Revision as of 18:23, 18 October 2016

.checkBGFull { 

   background: #e62562;

}

.ourFeaturesContent::before, .ourFeaturesContent::after { 

   background: #e62562;

}

.service_area { 

   background: #ffffff none repeat scroll 0 0;

} .single_service { 

   border: 5px solid #8fcfef;

}

.single_service:hover { 

   background: #8fcfef;

}

.social_btn { 

   padding: 60px 0;

}

.video_area { 

   margin-top: 500px;
   margin-bottom: 500px;
   padding-left: 200px;
   padding-right: 200px;

}

.video_area { 

   margin-top: 500px;
   margin-bottom: 500px;
   padding-left: 200px;
   padding-right: 200px;

}

.skill_and_video .skillBg { 

   margin-top: 500px;
   margin-bottom: 500px;
   padding-right: 200px;

}

ul.ft_top li { 

   width: 25%;

}

ul.ft_top li:nth-child(3) { 

   background: #e33a40;

}

ul.ft_top li:nth-child(3):hover { 

   background: #cc181e;

}

.footer_area { 

   background: #e3165a  no-repeat scroll 0 0 / cover;

}

.blog_banner_area, .protfolio_breadcump { 

   background-image: url("Team_banner.jpg");

} .banner_quantifly, .protfolio_breadcump { 

   background-image: url("Quantifly_banner.jpg");
   padding: 90px 0;
   background-size: cover;

} .banner_event, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_bann_event.jpg");
   padding: 90px 0;
   background-size: cover;

}

.blog_banner_project_genesis, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_project_genesis.jpeg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_pollution, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_pollution.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_opinion_survey, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_opinion_survey.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_ethics, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_ethics.jpeg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_paillasse, .protfolio_breadcump { 

   background-image: url("Banner_lapaillasse.jpg");
   padding: 140px 0;
   background-size: cover;

} .blog_banner_biology, .protfolio_breadcump { 

   background-image: url("Biology_banner.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_eng, .protfolio_breadcump { 

   background-image: url("Eng_banner.jpg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_labo, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_page_protocol.jpeg");
   padding: 120px 0;
   background-size: cover;

} .blog_banner_actions, .protfolio_breadcump { 

   background-image: url("IONIS_IGEM_actions.jpeg");
   padding: 120px 0;
   background-size: cover;
   background-size: cover;

} .about_auther{ 

   border-bottom: 1px solid #e51658;

}

.auther_details{ 

   width: calc(100% - 103px);
   background: #e51658;

}

.auther_details h5 a, .about_commenter h5 a { 

   color: #ffffff;

}

.auther_details p{ 

   font-size: 12px;
   color: #82002a;

}

  1. globalWrapper{
   font-size: 100%;

}

  1. top_title {
   display:none !important;

}

  1. sideMenu {
   display:none !important;

}

  1. content {
   border: none;
   width: 100%;
   margin: 0 auto !important;
   position: relative;
   padding: 0px;
   background:none;

}

  1. content {
   width:100%;

}

.home-5 .header_paralux { 

   background-image: url("HOME.jpg");
   background-size: cover;
   background-repeat: no-repeat;

}