Difference between revisions of "Team:Dundee/style3"
(Created page with "<html> <style type="text/css"> →hiding the top section: #top-section{ height:0px; border:none; width:100%; margin:0 auto; padding:0; background-co...") |
|||
Line 1,071: | Line 1,071: | ||
/** END OF FIGURE STYLES **/ | /** END OF FIGURE STYLES **/ | ||
+ | |||
+ | img.profilepicbig { | ||
+ | width: 27%; | ||
+ | margin: 4% 20% 1% 4%; | ||
+ | float: right ; | ||
+ | |||
+ | } | ||
+ | |||
+ | img.profilepicthum{ | ||
+ | |||
+ | width: 30%; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .targetDiv{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | 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{ | ||
+ | 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> |
Revision as of 14:20, 18 September 2015