Difference between revisions of "Team:Dundee/style2"
(351 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: | + | font-size: 100%; |
− | padding: | + | padding: 2% 28% 0% 17%; |
} | } | ||
Line 932: | Line 930: | ||
img.profilepicbig { | img.profilepicbig { | ||
− | width: | + | width: 27%; |
− | + | margin: 4% 20% 1% 4%; | |
float: right ; | float: right ; | ||
Line 940: | Line 938: | ||
img.profilepicthum{ | img.profilepicthum{ | ||
− | width: | + | width: 30%; |
} | } | ||
Line 954: | Line 952: | ||
− | |||
− | + | 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 { | p { | ||
font-color: #ffffff ; | font-color: #ffffff ; | ||
− | + | font-size: 16px; | |
− | font-size: | + | padding: 20px 280px 0px 180px; |
− | padding: | + | |
+ | }} | ||
+ | |||
+ | |||
+ | @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 { | img.profilepicbig { | ||
− | width: | + | width: 21vw; |
− | + | margin: 2vw 3vw 0.5vw 2vw; | |
float: right ; | 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{ | ||
+ | width: 11%; | ||
+ | } | ||
+ | |||
+ | |||
+ | img.profilepicbig { | ||
+ | width: 33%; | ||
+ | |||
+ | margin: 3% 5% 1% 4%; | ||
+ | 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