Difference between revisions of "Team:Dundee/style2"
(395 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 69: | Line 67: | ||
#content{ | #content{ | ||
background-color: transparent; | background-color: transparent; | ||
− | border: | + | border: 0px; |
width:100%; | width:100%; | ||
height:100%; | height:100%; | ||
Line 79: | Line 77: | ||
#bodyContent{ | #bodyContent{ | ||
background-color:transparent; | background-color:transparent; | ||
− | border: | + | border:0px; |
} | } | ||
.siteSub{ | .siteSub{ | ||
display:none; | display:none; | ||
− | border: | + | border: 0px; |
} | } | ||
.contentSub{ | .contentSub{ | ||
Line 106: | Line 104: | ||
} | } | ||
p { | p { | ||
− | font-color: #ffffff | + | font-color: #ffffff ; |
font-family: typewriter; | font-family: typewriter; | ||
− | font-size: | + | font-size: 100%; |
− | padding: | + | padding: 2% 28% 0% 17%; |
} | } | ||
.ptc { | .ptc { | ||
− | + | color: #d6d6d6 !important; | |
font-family: typewriter; | font-family: typewriter; | ||
− | font-size: | + | font-size: 20px; |
− | padding: 0px 0px 0px | + | padding: 0px 0px 0px 20px; |
} | } | ||
Line 774: | Line 772: | ||
.modal-body, .modal-title { | .modal-body, .modal-title { | ||
− | color: black | + | color: black; |
} | } | ||
Line 789: | Line 787: | ||
/** TABLE **/ | /** TABLE **/ | ||
table, th, td { | table, th, td { | ||
− | border: | + | border: 0px; |
} | } | ||
.modal > table, th, td { | .modal > table, th, td { | ||
− | border: | + | border: 0px; |
} | } | ||
/** END OF TABLE **/ | /** END OF TABLE **/ | ||
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 952: | Line 950: | ||
border: none !important; | border: none !important; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | 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 { | ||
+ | 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> |
Latest revision as of 14:13, 18 September 2015