Difference between revisions of "Team:Dundee/style2"

 
(335 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: 12px;
+
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: 80px;
+
                 width: 30%;
 
                  
 
                  
 
}
 
}
Line 954: Line 952:
  
  
−
@media (max-width: 830px) {
 
  
−
img.profilepicthum{
+
ul li{
−
                width: 50px;            
+
display:block;
 +
align: left;
 +
 
 
}
 
}
  
−
p {
+
 
−
font-color: #ffffff ;
+
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-family: typewriter;
−
font-size: 10px;
+
font-size: 20px;font-size: 2vw;
−
padding: 5px 125px 0px 50px;
+
padding: 0px 0px 0px 20px;
 +
width:30%;
 +
align: left;
  
 
}
 
}
  
 +
@media (min-width:1601px){
 
img.profilepicbig {
 
img.profilepicbig {
−
                 width: 250px;
+
                 width: 280px;
−
                 padding: 35px 100px 5px 20px;
+
                 margin: 40px 200px 10px 50px;
 
                 float: right ;
 
                 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;
  
 +
}}
  
−
td.col2{
+
 
−
width:200px;
+
@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: 430px) {
+
@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;
  
−
img.profilepicthum{
+
}
−
                width: 35px;           
+
 
}
 
}
  
 +
@media (max-width:1100px){
 +
img.profilepicbig {
 +
                width: 21vw;
 +
                margin: 2vw 3vw 0.5vw 2vw;
 +
                float: right ;
 +
               
 +
}
 
p {
 
p {
 
font-color: #ffffff ;
 
font-color: #ffffff ;
−
font-family: typewriter;
+
font-size: 1.5vw;
−
font-size: 10px;
+
padding: 1vw 7vw 0.5vw 13vw;
−
padding: 5px 125px 0px 50px;
+
  
 +
}
 
}
 
}
 +
 +
@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{
 +
                width: 11%;     
 +
}
 +
  
 
img.profilepicbig {
 
img.profilepicbig {
−
                 width: 250px;
+
                 width: 33%;
−
                 padding: 35px 100px 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%;
  
−
td.col2{
 
−
width:200px;
 
 
}
 
}
 +
}
 +
 +
 +
 +
  
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 14:13, 18 September 2015