Difference between revisions of "Team:Dundee/style2"

 
(142 intermediate revisions by the same user not shown)
Line 106: Line 106:
 
font-color: #ffffff ;
 
font-color: #ffffff ;
 
font-family: typewriter;
 
font-family: typewriter;
font-size: 18px;
+
font-size: 100%;
padding: 20px 110px 0px 220px;
+
padding: 2% 28% 0% 17%;
  
 
}
 
}
Line 930: Line 930:
  
 
img.profilepicbig {
 
img.profilepicbig {
                 width: 440px;
+
                 width: 27%;
                 padding: 40px 60px 20px 60px;
+
                 margin: 4% 20% 1% 4%;
 
                 float: right ;
 
                 float: right ;
 
                  
 
                  
Line 938: Line 938:
 
img.profilepicthum{
 
img.profilepicthum{
  
                 width: 140px;
+
                 width: 30%;
 
                  
 
                  
 
}
 
}
Line 951: Line 951:
 
}
 
}
  
.afto{
 
  height: auto;
 
  width: 550px;
 
}
 
  
.afto2{
 
    table-layout: fixed;
 
    width: 500px;
 
align:right;
 
 
}
 
  
 
ul li{
 
ul li{
Line 975: Line 965:
  
 
.containerteam{
 
.containerteam{
width:auto;
 
 
}
 
}
  
 
+
table-layout: fixed !important;
 +
}
 
   section {
 
   section {
 
     float: left;
 
     float: left;
Line 993: Line 983:
 
color: #d6d6d6 !important;
 
color: #d6d6d6 !important;
 
font-family: typewriter;
 
font-family: typewriter;
font-size: 20px;
+
font-size: 20px;font-size: 2vw;
 
padding: 0px 0px 0px 20px;
 
padding: 0px 0px 0px 20px;
 
width:30%;
 
width:30%;
Line 1,000: Line 990:
 
}
 
}
  
@media (max-width: 830px) {
+
@media (min-width:1601px){
ul li{
+
display:inline;
+
}
+
.ptc2 {
+
display:none;
+
 
+
}
+
}
+
 
+
 
+
@media (max-width: 830px) {
+
 
+
 
+
 
img.profilepicbig {
 
img.profilepicbig {
                 width: 220px;
+
                 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: 11px;
+
padding: 20px 280px 0px 180px;
padding: 5px 75px 0px 105px;
+
}
+
}
+
 
+
  
@media (max-width: 790px) {
+
}}
  
  
 +
@media (max-width:1500px){
 
img.profilepicbig {
 
img.profilepicbig {
                 width: 210px;
+
                 width: 31%;
                 padding: 20px 20px 5px 20px;
+
                 margin: 2vw 7vw 0.5vw 2vw;
 
                 float: right ;
 
                 float: right ;
 
                  
 
                  
}
 
img.profilepicthum{
 
 
                width: 80px;                       
 
 
}
 
}
 
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 105px;
+
}
+
}
+
  
@media (max-width: 770px) {
+
}}
  
  
 +
@media (max-width:1400px){
 
img.profilepicbig {
 
img.profilepicbig {
                 width: 200px;
+
                 width: 21vw;
                 padding: 20px 20px 5px 20px;
+
                 margin: 2vw 3vw 0.5vw 2vw;
 
                 float: right ;
 
                 float: right ;
 
                  
 
                  
}
 
img.profilepicthum{
 
 
                width: 80px;                       
 
 
}
 
}
 
p {
 
p {
 
font-color: #ffffff ;
 
font-color: #ffffff ;
font-family: typewriter;
+
font-size: 16px;
font-size: 10.5px;
+
padding: 1vw 7vw 0.5vw 13vw;
padding: 5px 75px 0px 95px;
+
}
+
}
+
  
@media (max-width: 740px) {
 
 
 
img.profilepicbig {
 
                width: 190px;
 
                padding: 20px 20px 5px 20px;
 
                float: right ;
 
               
 
 
}
 
}
img.profilepicthum{
 
 
                width: 70px;                       
 
 
}
 
}
p {
 
font-color: #ffffff ;
 
font-family: typewriter;
 
font-size: 10.5px;
 
padding: 5px 75px 0px 95px;
 
}
 
}
 
 
@media (max-width: 710px) {
 
 
  
 +
@media (max-width:1100px){
 
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: 1.5vw;
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: 830px) {
img.profilepicbig {
+
ul li{
                width: 170px;
+
display:inline;
                padding: 15px 15px 5px 20px;
+
                float: right ;
+
               
+
 
}
 
}
img.profilepicthum{
+
.ptc2 {
                width: 60px;                       
+
display:none;
}
+
p {
+
font-color: #ffffff ;
+
font-family: typewriter;
+
font-size: 9.5px;
+
padding: 5px 60px 0px 80px;
+
}
+
.ptc {
+
color: #d6d6d6 !important;
+
font-family: typewriter;
+
font-size: 15px;
+
padding: 0px 0px 0px 20px;
+
} }
+
  
@media (max-width: 605px) {
 
img.profilepicbig {
 
                width: 160px;
 
                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: 9px;
 
padding: 5px 55px 0px 80px;
 
}
 
.ptc {
 
color: #d6d6d6 !important;
 
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 ;
 
               
 
}
 
img.profilepicthum{
 
                width: 55px;                       
 
}
 
p {
 
font-color: #ffffff ;
 
font-family: typewriter;
 
font-size: 8.5px;
 
padding: 5px 55px 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;
+
                float: right ;
+
               
+
}
+
img.profilepicthum{
+
                width: 50px;                       
+
}
+
p {
+
font-color: #ffffff ;
+
font-family: typewriter;
+
font-size: 8px;
+
padding: 5px 55px 0px 70px;
+
}
+
.ptc {
+
color: #d6d6d6 !important;
+
font-family: typewriter;
+
font-size: 12px;
+
padding: 0px 0px 0px 20px;
+
} }
+
  
@media (max-width: 525px) {
+
                 margin: 3% 5% 1% 4%;
img.profilepicbig {
+
                width: 140px;
+
                 padding: 15px 12px 5px 20px;
+
 
                 float: right ;
 
                 float: right ;
 
                  
 
                  
 
}
 
}
img.profilepicthum{
 
                width: 50px;                       
 
}
 
p {
 
font-color: #ffffff ;
 
font-family: typewriter;
 
font-size: 8px;
 
padding: 5px 55px 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 {
 
p {
 
font-color: #ffffff ;
 
font-color: #ffffff ;
font-family: typewriter;
+
font-size: 10px; font-size:2vw;
font-size: 7.5px;
+
padding: 2% 15% 0% 23%;
padding: 5px 55px 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 55px 0px 70px;
 
}
 
.ptc {
 
color: #d6d6d6 !important;
 
font-family: typewriter;
 
font-size: 12px;
 
padding: 0px 0px 0px 20px;
 
} }
 
  
  
@media (max-width: 462px) {
 
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 50px 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: 425px) {
 
img.profilepicbig {
 
                width: 115px;
 
                padding: 12px 12px 5px 15px;
 
                float: right ;
 
               
 
}
 
img.profilepicthum{
 
                width: 37px;                       
 
}
 
p {
 
font-color: #ffffff ;
 
font-family: typewriter;
 
font-size: 6px;
 
padding: 5px 50px 0px 55px;
 
}
 
.ptc {
 
color: #d6d6d6 !important;
 
font-family: typewriter;
 
font-size: 10px;
 
padding: 0px 0px 0px 15px;
 
} }
 
 
@media (max-width: 410px) {
 
img.profilepicbig {
 
                width: 110px;
 
                padding: 12px 12px 5px 15px;
 
                float: right ;
 
               
 
}
 
img.profilepicthum{
 
                width: 37px;                       
 
}
 
p {
 
font-color: #ffffff ;
 
font-family: typewriter;
 
font-size: 5.5px;
 
padding: 3px 50px 0px 55px;
 
}
 
.ptc {
 
color: #d6d6d6 !important;
 
font-family: typewriter;
 
font-size: 10px;
 
padding: 0px 0px 0px 15px;
 
} }
 
 
@media (max-width: 400px) {
 
img.profilepicbig {
 
                width: 105px;
 
                padding: 10px 12px 5px 15px;
 
                float: right ;
 
               
 
}
 
img.profilepicthum{
 
                width: 37px;                       
 
}
 
p {
 
font-color: #ffffff ;
 
font-family: typewriter;
 
font-size: 5.5px;
 
padding: 3px 40px 0px 50px;
 
}
 
.ptc {
 
color: #d6d6d6 !important;
 
font-family: typewriter;
 
font-size: 10px;
 
padding: 0px 0px 0px 15px;
 
} }
 
 
@media (max-width: 390px) {
 
img.profilepicbig {
 
                width: 105px;
 
                padding: 10px 12px 5px 15px;
 
                float: right ;
 
               
 
}
 
img.profilepicthum{
 
                width: 33px;                       
 
}
 
p {
 
font-color: #ffffff ;
 
font-family: typewriter;
 
font-size: 5.5px;
 
padding: 3px 40px 0px 50px;
 
}
 
.ptc {
 
color: #d6d6d6 !important;
 
font-family: typewriter;
 
font-size: 10px;
 
padding: 0px 0px 0px 15px;
 
} }
 
  
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 14:13, 18 September 2015