Difference between revisions of "Team:Dundee/style2"

 
(363 intermediate revisions by the same user not shown)
Line 4: Line 4:
  
 
/* hiding the top section*/
 
/* hiding the top section*/
−
 
−
 
  
 
#top-section{
 
#top-section{
Line 108: Line 106:
 
font-color: #ffffff ;
 
font-color: #ffffff ;
 
font-family: typewriter;
 
font-family: typewriter;
−
font-size: 13px;
+
font-size: 100%;
−
padding: 5px 125px 0px 70px;
+
padding: 2% 28% 0% 17%;
  
 
}
 
}
Line 932: Line 930:
  
 
img.profilepicbig {
 
img.profilepicbig {
−
                 width: 300px;
+
                 width: 27%;
−
                 padding: 35px 90px 5px 20px;
+
                 margin: 4% 20% 1% 4%;
 
                 float: right ;
 
                 float: right ;
 
                  
 
                  
Line 940: Line 938:
 
img.profilepicthum{
 
img.profilepicthum{
  
−
                 width: 100px;
+
                 width: 30%;
 
                  
 
                  
 
}
 
}
Line 953: Line 951:
 
}
 
}
  
−
td.wdd{ widt:550px;}
 
  
−
@media (max-width: 992px) {
 
  
 +
ul li{
 +
display:block;
 +
align: left;
 +
 +
}
 +
 +
 +
table.col2{
 +
border: none !important;
 +
align: right;
 +
 +
.containerteam{
 +
}
 +
 +
table-layout: fixed !important;
 +
}
 +
  section {
 +
    float: left;
 +
    width: 35%;
 +
  }
 +
  aside {
 +
    float: right;
 +
    width: 65%;
 +
display:table;
 +
table-layout: fixed !important;
 +
  }
 +
 +
.ptc2 {
 +
color: #d6d6d6 !important;
 +
font-family: typewriter;
 +
font-size: 20px;font-size: 2vw;
 +
padding: 0px 0px 0px 20px;
 +
width:30%;
 +
align: left;
 +
 +
}
 +
 +
@media (min-width:1601px){
 +
img.profilepicbig {
 +
                width: 280px;
 +
                margin: 40px 200px 10px 50px;
 +
                float: right ;
 +
               
 +
}
 +
  section {
 +
    float: left;
 +
    width: 550px;
 +
  }
 +
  aside {
 +
    float: right;
 +
    width: 1030px;
 +
display:table;
 +
table-layout: fixed !important;
 +
  }
 +
p {
 +
font-color: #ffffff ;
 +
font-size: 16px;
 +
padding: 20px 280px 0px 180px;
 +
 +
}}
 +
 +
 +
@media (max-width:1500px){
 +
img.profilepicbig {
 +
                width: 31%;
 +
                margin: 2vw 7vw 0.5vw 2vw;
 +
                float: right ;
 +
               
 +
}
 +
p {
 +
font-color: #ffffff ;
 +
font-size: 100%;
 +
padding: 2% 28% 0% 17%;
 +
 +
}}
 +
 +
 +
@media (max-width:1400px){
 +
img.profilepicbig {
 +
                width: 21vw;
 +
                margin: 2vw 3vw 0.5vw 2vw;
 +
                float: right ;
 +
               
 +
}
 +
p {
 +
font-color: #ffffff ;
 +
font-size: 16px;
 +
padding: 1vw 7vw 0.5vw 13vw;
 +
 +
}
 +
}
 +
 +
@media (max-width:1100px){
 +
img.profilepicbig {
 +
                width: 21vw;
 +
                margin: 2vw 3vw 0.5vw 2vw;
 +
                float: right ;
 +
               
 +
}
 +
p {
 +
font-color: #ffffff ;
 +
font-size: 1.5vw;
 +
padding: 1vw 7vw 0.5vw 13vw;
 +
 +
}
 +
}
 +
 +
@media (max-width: 830px) {
 +
ul li{
 +
display:inline;
 +
}
 +
.ptc2 {
 +
display:none;
 +
 +
}
 +
section {
 +
    float: center;
 +
    width: 100%;
 +
  }
 +
  aside {
 +
    float: center;
 +
    width: 100%;
 +
display:table;
 +
table-layout: fixed !important;
 +
  }
 
img.profilepicthum{
 
img.profilepicthum{
−
                 width: 50px;            
+
                 width: 11%;    
 
}
 
}
 +
 +
 
img.profilepicbig {
 
img.profilepicbig {
−
                 width: 200px;
+
                 width: 33%;
−
                 padding: 35px 90px 5px 20px;
+
 
 +
                 margin: 3% 5% 1% 4%;
 
                 float: right ;
 
                 float: right ;
 
                  
 
                  
 
}
 
}
−
}
+
 
 +
p {
 +
font-color: #ffffff ;
 +
font-size: 10px; font-size:2vw;
 +
padding: 2% 15% 0% 23%;
 +
 
 +
}
 +
}
 +
 
 +
 
 +
 
 +
 
  
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 14:13, 18 September 2015