Difference between revisions of "Template:Toulouse France"

Line 466: Line 466:
 
 
  
−
.narrowimg {/* Subpanels background*/
+
/* Panels */
−
/*position:absolute;*/  
+
.panel {
−
z-index:2;
+
    width:1100px;
−
opacity:0.3;
+
    height:528px;
−
filter: alpha(opacity=30);
+
    margin:0;
−
}
+
    margin-bottom:0px;
−
.titlebox {/* Subpanels Title*/
+
    color: rgb(30,39,43);
−
z-index:1;
+
    font-family: 'Yanone Kaffeesatz', sans-serif;
−
position:relative;
+
}
−
bottom:600px;
+
.panel a {
−
background:transparent;
+
    color: rgb(46,43,52);
−
}
+
    text-decoration:none;
−
/* Project Panels*/
+
}
−
.subpanel1 { /* Overview */
+
/* Subpanels */
−
float:left;
+
.narrowimg {/* Subpanels background*/
−
width:45%;
+
    /*position:absolute;*/  
−
height:600px;
+
    z-index:2;
−
margin: 20px 50px 30px 20px;
+
    opacity:0.3;
−
border-radius:7px;
+
    filter: alpha(opacity=30);
−
background:rgb(252,250,229);
+
}
−
}
+
.titlebox {/* Subpanels Title*/
−
.spdesc { /* Overview content */
+
    z-index:1;
−
display:none;
+
    position:relative;
−
height:100px;
+
    bottom:480px;
−
color:rgb(30,39,43);
+
    background:transparent;
−
}
+
}
−
.cont { /* Overview content */
+
/* Project Panels*/
−
width:90%;
+
.subpanel1 { /* Overview */
−
height:auto;
+
    float:left;
−
margin-left:5%;
+
    width:535px;
−
margin-top:5%;
+
    height:428px;
−
background:transparent;
+
    margin-top:0;
−
}
+
    margin-right:20px;
−
.cont p {
+
    margin-bottom:12px;
−
line-height:28px;
+
    border-radius:7px;
−
width:auto;
+
    background:rgb(252,250,229);
−
height:auto;
+
}
−
margin:5% 2%;
+
.spdesc { /* Overview content */
−
}
+
    display:none;
−
.subpanel2 { /* Projects */
+
    height:100px;
−
float:left;
+
    color:rgb(30,39,43);
−
min-width:2%;
+
}
−
max-width:15%;
+
.cont { /* Overview content */
−
height:600px;
+
    width:90%;
−
font-size:22px;
+
    height:auto;
−
text-align:center;
+
    margin-left:5%;
−
margin: 20px 0px 30px 15px;
+
    margin-top:5%;
−
border-radius:7px;
+
    background:transparent;
−
overflow:hidden;
+
}
−
color:rgb(30,39,43);
+
.cont p {
−
}
+
    line-height:28px;
−
.subpanel2:hover{
+
    width:auto;
−
font-weight:bold;
+
    height:auto;
−
}
+
    margin:5% 2%;
−
.subpanel2:hover .narrowimg {
+
}
−
opacity:0.8;
+
.subpanel2 { /* Projects */
−
filter: alpha(opacity=80);
+
    float:left;
−
}
+
    width:125px;
−
.subpanel3 { /* Results */
+
    height:492px;
−
float:left;
+
    font-size:22px;
−
width:45%;
+
    text-align:center;
−
height:50px;
+
    margin-top:0;  
−
font-size:30px;
+
    margin-right:11px;
−
text-align:left;
+
    border-radius:7px;
−
line-height:50px;
+
    overflow:hidden;
−
background:rgb(30,39,43);  
+
}
−
color:white;  
+
.subpanel2:hover{
−
border-radius:7px;
+
    font-weight:bold;
−
position:relative;
+
}
−
margin: 20px 50px 30px 20px;
+
.subpanel2:hover .narrowimg {
−
bottom:50px;
+
    opacity:0.8;
−
font-family: 'Great Vibes', cursive;
+
    filter: alpha(opacity=80);
−
font-size: 35px;
+
}
−
}
+
.subpanel3 { /* Results */
−
/* Human Practice */
+
    float:left;
−
.subpanel4 { /* divide page in 3 */
+
    width:535px;
−
float:left;
+
    height:50px;
−
width:354px;
+
    font-size:30px;
−
height:492px;
+
    text-align:left;
−
font-size:22px;
+
    line-height:50px;
−
margin-top:0;
+
    background:rgb(30,39,43);  
−
margin-right:18px;
+
    color:white;  
−
}
+
    border-radius:7px;
−
.subpanel5 { /* TB Facts, TB in France, TB Gallery */
+
    position:relative;
−
height:156px;
+
    bottom:50px;
−
text-align:center;
+
    font-family: 'Great Vibes', cursive;
−
margin-bottom:11px;
+
    font-size: 35px;
−
background:rgb(255,255,255);
+
}
−
color:black;
+
−
border-radius:7px;
+
−
overflow:hidden;
+
−
}
+
−
.subpanel5:hover{
+
−
font-weight:bold;
+
−
}
+
−
.subpanel5:hover .narrowimg {
+
−
opacity:0.8;
+
−
filter: alpha(opacity=80);
+
−
}
+
−
.subpanel7 { /* Gender */
+
−
float:left;
+
−
width:354px;
+
−
height:283px;
+
−
font-size:22px;
+
−
background:rgb(255,255,255);
+
−
color:black;
+
−
border-radius:7px;
+
−
overflow:hidden;
+
−
text-align:center;
+
−
}
+
−
.subpanel7:hover{
+
−
font-weight:bold;
+
−
}
+
−
.subpanel7:hover .narrowimg {
+
−
opacity:0.8;
+
−
filter: alpha(opacity=80);
+
−
}
+
−
.subpanel9 { /* Tech Transfer */
+
−
float:left;
+
−
width:354px;
+
−
height: 198px;
+
−
font-size:22px;
+
−
background:rgb(255,255,255);
+
−
color:black;
+
−
border-radius:7px;
+
−
overflow:hidden;
+
−
text-align:center;
+
−
margin-top:11px;
+
−
}
+
−
.subpanel9:hover .narrowimg {
+
−
opacity:0.8;
+
−
filter: alpha(opacity=80);
+
−
}
+
−
.subpanel9:hover{
+
−
font-weight:bold;
+
−
}
+
−
.subpanel6 { /* Collaboration, SensiGEM */
+
−
height:240.5px;
+
−
margin:0;
+
−
margin-bottom:11px;
+
−
border-radius:7px;
+
−
overflow:hidden;
+
−
background:rgb(255,255,255);
+
−
color:Black;
+
−
text-align:center;
+
−
}
+
−
.subpanel6:hover{
+
−
font-weight:bold;
+
−
}
+
−
.subpanel6:hover .narrowimg {
+
−
opacity:0.8;
+
−
filter: alpha(opacity=80);
+
−
}
+
−
/* Panels at the bottom */
+
−
.subpanel8 {
+
−
float:left;
+
−
height:96px;
+
−
width:261.5px;
+
−
margin-right:18px;
+
−
border-radius:7px;
+
−
overflow:hidden;
+
−
background:rgb(30,39,43);
+
−
color:white;
+
−
}
+
−
.subpanel8 img {
+
−
margin-top:16px;
+
−
background:white;
+
−
}
+
−
.subpanel8 img:hover {
+
−
background:rgb(252,250,229);
+
−
}
+
−
+
 
 
 
 

Revision as of 09:05, 19 September 2016