Difference between revisions of "Team:Dundee/style2"

 
(237 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 75px 0px 110px;
+
padding: 2% 28% 0% 17%;
  
 
}
 
}
Line 932: Line 930:
  
 
img.profilepicbig {
 
img.profilepicbig {
−
                 width: 230px;
+
                 width: 27%;
−
                 padding: 20px 20px 5px 20px;
+
                 margin: 4% 20% 1% 4%;
 
                 float: right ;
 
                 float: right ;
 
                  
 
                  
Line 940: Line 938:
 
img.profilepicthum{
 
img.profilepicthum{
  
−
                 width: 80px;
+
                 width: 30%;
 
                  
 
                  
 
}
 
}
Line 953: Line 951:
 
}
 
}
  
−
.afto{
 
−
  height: auto;
 
−
  width: 550px;
 
−
}
 
  
  
−
@media (max-width: 830px) {
+
ul li{
 +
display:block;
 +
align: left;
  
−
 
−
img.profilepicbig {
 
−
                width: 220px;
 
−
                padding: 20px 20px 5px 20px;
 
−
                float: right ;
 
−
               
 
 
}
 
}
−
img.profilepicthum{
 
  
−
                width: 80px;                       
 
−
}
 
−
p {
 
−
font-color: #ffffff ;
 
−
font-family: typewriter;
 
−
font-size: 11px;
 
−
padding: 5px 75px 0px 110px;
 
−
}
 
−
}
 
  
 +
table.col2{
 +
border: none !important;
 +
align: right;
  
−
@media (max-width: 790px) {
+
.containerteam{
 +
}
  
−
 
+
table-layout: fixed !important;
−
img.profilepicbig {
+
−
                width: 210px;
+
−
                padding: 20px 20px 5px 20px;
+
−
                float: right ;
+
−
               
+
 
}
 
}
−
img.profilepicthum{
+
  section {
 +
    float: left;
 +
    width: 35%;
 +
  }
 +
  aside {
 +
    float: right;
 +
    width: 65%;
 +
display:table;
 +
table-layout: fixed !important;
 +
  }
  
−
                width: 80px;                       
+
.ptc2 {
−
}
+
color: #d6d6d6 !important;
−
p {
+
−
font-color: #ffffff ;
+
 
font-family: typewriter;
 
font-family: typewriter;
−
font-size: 10.5px;
+
font-size: 20px;font-size: 2vw;
−
padding: 5px 75px 0px 110px;
+
padding: 0px 0px 0px 20px;
 +
width:30%;
 +
align: left;
 +
 
 
}
 
}
−
}
 
−
 
−
@media (max-width: 770px) {
 
−
 
  
 +
@media (min-width:1601px){
 
img.profilepicbig {
 
img.profilepicbig {
−
                 width: 200px;
+
                 width: 280px;
−
                 padding: 20px 20px 5px 20px;
+
                 margin: 40px 200px 10px 50px;
 
                 float: right ;
 
                 float: right ;
 
                  
 
                  
 
}
 
}
−
img.profilepicthum{
+
  section {
−
 
+
    float: left;
−
                width: 80px;                        
+
    width: 550px;
−
}
+
  }
 +
  aside {
 +
    float: right;
 +
    width: 1030px;
 +
display:table;
 +
table-layout: fixed !important;
 +
  }
 
p {
 
p {
 
font-color: #ffffff ;
 
font-color: #ffffff ;
−
font-family: typewriter;
+
font-size: 16px;
−
font-size: 10.5px;
+
padding: 20px 280px 0px 180px;
−
padding: 5px 75px 0px 100px;
+
−
}
+
−
}
+
  
−
@media (max-width: 740px) {
+
}}
  
  
 +
@media (max-width:1500px){
 
img.profilepicbig {
 
img.profilepicbig {
−
                 width: 190px;
+
                 width: 31%;
−
                 padding: 20px 20px 5px 20px;
+
                 margin: 2vw 7vw 0.5vw 2vw;
 
                 float: right ;
 
                 float: right ;
 
                  
 
                  
−
}
 
−
img.profilepicthum{
 
−
 
−
                width: 70px;                       
 
 
}
 
}
 
p {
 
p {
 
font-color: #ffffff ;
 
font-color: #ffffff ;
−
font-family: typewriter;
+
font-size: 100%;
−
font-size: 10.5px;
+
padding: 2% 28% 0% 17%;
−
padding: 5px 75px 0px 100px;
+
−
}
+
−
}
+
  
−
@media (max-width: 710px) {
+
}}
  
  
 +
@media (max-width:1400px){
 
img.profilepicbig {
 
img.profilepicbig {
−
                 width: 180px;
+
                 width: 21vw;
−
                 padding: 20px 18px 5px 20px;
+
                 margin: 2vw 3vw 0.5vw 2vw;
 
                 float: right ;
 
                 float: right ;
 
                  
 
                  
−
}
 
−
img.profilepicthum{
 
−
 
−
                width: 70px;                       
 
 
}
 
}
 
p {
 
p {
 
font-color: #ffffff ;
 
font-color: #ffffff ;
−
font-family: typewriter;
+
font-size: 16px;
−
font-size: 10px;
+
padding: 1vw 7vw 0.5vw 13vw;
−
padding: 5px 75px 0px 100px;
+
−
}
+
−
}
+
  
−
@media (max-width: 680px) {
 
−
 
−
 
−
img.profilepicbig {
 
−
                width: 180px;
 
−
                padding: 15px 15px 5px 20px;
 
−
                float: right ;
 
−
               
 
 
}
 
}
−
img.profilepicthum{
 
−
 
−
                width: 60px;                       
 
 
}
 
}
−
p {
 
−
font-color: #ffffff ;
 
−
font-family: typewriter;
 
−
font-size: 10px;
 
−
padding: 5px 65px 0px 90px;
 
−
}
 
−
}
 
  
−
@media (max-width: 640px) {
+
@media (max-width:1100px){
 
img.profilepicbig {
 
img.profilepicbig {
−
                 width: 170px;
+
                 width: 21vw;
−
                 padding: 15px 15px 5px 20px;
+
                 margin: 2vw 3vw 0.5vw 2vw;
 
                 float: right ;
 
                 float: right ;
 
                  
 
                  
−
}
 
−
img.profilepicthum{
 
−
                width: 60px;                       
 
 
}
 
}
 
p {
 
p {
 
font-color: #ffffff ;
 
font-color: #ffffff ;
−
font-family: typewriter;
+
font-size: 1.5vw;
−
font-size: 9.5px;
+
padding: 1vw 7vw 0.5vw 13vw;
−
padding: 5px 65px 0px 90px;
+
−
}
+
−
.ptc {
+
−
color: #d6d6d6 !important;
+
−
font-family: typewriter;
+
−
font-size: 15px;
+
−
padding: 0px 0px 0px 20px;
+
−
} }
+
  
−
@media (max-width: 600px) {
 
−
img.profilepicbig {
 
−
                width: 160px;
 
−
                padding: 15px 15px 5px 20px;
 
−
                float: right ;
 
−
               
 
 
}
 
}
−
img.profilepicthum{
 
−
                width: 55px;                       
 
 
}
 
}
−
p {
+
 
−
font-color: #ffffff ;
+
@media (max-width: 830px) {
−
font-family: typewriter;
+
ul li{
−
font-size: 9px;
+
display:inline;
−
padding: 5px 65px 0px 80px;
+
 
}
 
}
−
.ptc {
+
.ptc2 {
−
color: #d6d6d6 !important;
+
display:none;
−
font-family: typewriter;
+
−
font-size: 12px;
+
−
padding: 0px 0px 0px 20px;
+
−
} }
+
  
−
@media (max-width: 570px) {
 
−
img.profilepicbig {
 
−
                width: 150px;
 
−
                padding: 15px 15px 5px 20px;
 
−
                float: right ;
 
−
               
 
 
}
 
}
 +
section {
 +
    float: center;
 +
    width: 100%;
 +
  }
 +
  aside {
 +
    float: center;
 +
    width: 100%;
 +
display:table;
 +
table-layout: fixed !important;
 +
  }
 
img.profilepicthum{
 
img.profilepicthum{
−
                 width: 55px;                        
+
                 width: 11%;    
 
}
 
}
−
p {
 
−
font-color: #ffffff ;
 
−
font-family: typewriter;
 
−
font-size: 8.5px;
 
−
padding: 5px 65px 0px 70px;
 
−
}
 
−
.ptc {
 
−
color: #d6d6d6 !important;
 
−
font-family: typewriter;
 
−
font-size: 12px;
 
−
padding: 0px 0px 0px 20px;
 
−
} }
 
  
−
@media (max-width: 550px) {
+
 
 
img.profilepicbig {
 
img.profilepicbig {
−
                 width: 150px;
+
                 width: 33%;
−
                 padding: 15px 15px 5px 20px;
+
 
 +
                 margin: 3% 5% 1% 4%;
 
                 float: right ;
 
                 float: right ;
 
                  
 
                  
 
}
 
}
−
img.profilepicthum{
 
−
                width: 50px;                       
 
−
}
 
−
p {
 
−
font-color: #ffffff ;
 
−
font-family: typewriter;
 
−
font-size: 8px;
 
−
padding: 5px 65px 0px 70px;
 
−
}
 
−
.ptc {
 
−
color: #d6d6d6 !important;
 
−
font-family: typewriter;
 
−
font-size: 12px;
 
−
padding: 0px 0px 0px 20px;
 
−
} }
 
  
−
@media (max-width: 525px) {
 
−
img.profilepicbig {
 
−
                width: 140px;
 
−
                padding: 15px 12px 5px 20px;
 
−
                float: right ;
 
−
               
 
−
}
 
−
img.profilepicthum{
 
−
                width: 50px;                       
 
−
}
 
 
p {
 
p {
 
font-color: #ffffff ;
 
font-color: #ffffff ;
−
font-family: typewriter;
+
font-size: 10px; font-size:2vw;
−
font-size: 8px;
+
padding: 2% 15% 0% 23%;
−
padding: 5px 65px 0px 70px;
+
−
}
+
−
.ptc {
+
−
color: #d6d6d6 !important;
+
−
font-family: typewriter;
+
−
font-size: 12px;
+
−
padding: 0px 0px 0px 20px;
+
−
} }
+
  
−
@media (max-width: 510px) {
 
−
img.profilepicbig {
 
−
                width: 140px;
 
−
                padding: 12px 12px 5px 20px;
 
−
                float: right ;
 
−
               
 
 
}
 
}
−
img.profilepicthum{
 
−
                width: 45px;                       
 
 
}
 
}
−
p {
 
−
font-color: #ffffff ;
 
−
font-family: typewriter;
 
−
font-size: 7.5px;
 
−
padding: 5px 65px 0px 70px;
 
−
}
 
−
.ptc {
 
−
color: #d6d6d6 !important;
 
−
font-family: typewriter;
 
−
font-size: 12px;
 
−
padding: 0px 0px 0px 20px;
 
−
} }
 
  
  
−
@media (max-width: 490px) {
 
−
img.profilepicbig {
 
−
                width: 130px;
 
−
                padding: 12px 12px 5px 20px;
 
−
                float: right ;
 
−
               
 
−
}
 
−
img.profilepicthum{
 
−
                width: 45px;                       
 
−
}
 
−
p {
 
−
font-color: #ffffff ;
 
−
font-family: typewriter;
 
−
font-size: 7px;
 
−
padding: 5px 65px 0px 70px;
 
−
}
 
−
.ptc {
 
−
color: #d6d6d6 !important;
 
−
font-family: typewriter;
 
−
font-size: 12px;
 
−
padding: 0px 0px 0px 20px;
 
−
} }
 
  
  
−
@media (max-width: 460px) {
 
−
img.profilepicbig {
 
−
                width: 125px;
 
−
                padding: 12px 12px 5px 20px;
 
−
                float: right ;
 
−
               
 
−
}
 
−
img.profilepicthum{
 
−
                width: 40px;                       
 
−
}
 
−
p {
 
−
font-color: #ffffff ;
 
−
font-family: typewriter;
 
−
font-size: 6.5px;
 
−
padding: 5px 55px 0px 60px;
 
−
}
 
−
.ptc {
 
−
color: #d6d6d6 !important;
 
−
font-family: typewriter;
 
−
font-size: 11px;
 
−
padding: 0px 0px 0px 20px;
 
−
} }
 
  
−
@media (max-width: 430px) {
 
−
img.profilepicbig {
 
−
                width: 120px;
 
−
                padding: 12px 12px 5px 15px;
 
−
                float: right ;
 
−
               
 
−
}
 
−
img.profilepicthum{
 
−
                width: 40px;                       
 
−
}
 
−
p {
 
−
font-color: #ffffff ;
 
−
font-family: typewriter;
 
−
font-size: 6.5px;
 
−
padding: 5px 55px 0px 60px;
 
−
}
 
−
.ptc {
 
−
color: #d6d6d6 !important;
 
−
font-family: typewriter;
 
−
font-size: 11px;
 
−
padding: 0px 0px 0px 20px;
 
−
} }
 
−
 
−
@media (max-width: 410px) {
 
−
img.profilepicbig {
 
−
                width: 110px;
 
−
                padding: 12px 10px 5px 15px;
 
−
                float: right ;
 
−
               
 
−
}
 
−
img.profilepicthum{
 
−
                width: 40px;                       
 
−
}
 
−
p {
 
−
font-color: #ffffff ;
 
−
font-family: typewriter;
 
−
font-size: 6px;
 
−
padding: 5px 55px 0px 60px;
 
−
}
 
−
.ptc {
 
−
color: #d6d6d6 !important;
 
−
font-family: typewriter;
 
−
font-size: 11px;
 
−
padding: 0px 0px 0px 20px;
 
−
} }
 
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 14:13, 18 September 2015