Difference between revisions of "Template:Toulouse-INSA-UPS/PERSO-CSS"
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | |||
/*OVERRIDE DEFAULT CSS*/ | /*OVERRIDE DEFAULT CSS*/ | ||
#HQ_page, #content { | #HQ_page, #content { | ||
width:100%; | width:100%; | ||
| + | padding:0; | ||
| + | margin:0; | ||
} | } | ||
| Line 200: | Line 201: | ||
position:relative; | position:relative; | ||
} | } | ||
| + | |||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 13:38, 21 August 2018
/*OVERRIDE DEFAULT CSS*/ #HQ_page, #content { width:100%; padding:0; margin:0; } #top_title { visibility:hidden; } /* GENERAL */ body, html { width:100%; height:auto; } h1 { padding-top:3rem; } h2 { padding-top:2rem; } h3 { padding-top:2rem; } .heavy { font-weight: 600; } /* Anchors */ a.footer { text-decoration:underline; } a.footer:link, a.footer:visited { color:#f8f9fa; } a.footer:hover, a.footer:active { color:#d8d9da; } /* BANNER */ .img_banner { -webkit-filter: grayscale(100%); /* Safari 6.0-9.0 */ filter:grayscale(100%); width:100%; height:auto; margin:0; padding:0; z-index:1000; } #BANNER { margin:0; padding:0; overflow: hidden; } @media screen and (min-width:100px) and (max-width:576px) { #BANNER { height:40px; } } @media screen and (min-width:577px) and (max-width:768px) { #BANNER { height:80px; } } @media screen and (min-width:769px) and (max-width:992px) { #BANNER { height:110px; } } @media screen and (min-width:993px) and (max-width:1200px) { #BANNER { height:140px; } } @media screen and (min-width:1201px) { #BANNER { height:170px; } } /* HR BANNERS */ img.hr_img { -webkit-filter: grayscale(100%); /* Safari 6.0-9.0 */ filter:grayscale(100%); width:100%; } div.hr_img { height:5rem; overflow:hidden; } /* HR */ h1~hr { padding-bottom:2rem; } h2~hr { padding-bottom:1.33rem; } h3~hr { padding-bottom:1.33rem; } a.dropdown-item~hr { margin-bottom:0.5rem; margin-top:0.5rem; } /* NAV ICONS */ a.ico { padding:0.5rem 0.5rem; } img.ico { max-width:3rem; height:auto; } .nav-left-col { display:block; width:16.666667%; max-width:16.666667%; } /* FOOTER */ #FOOTER_CONTENT { margin:1.6rem } /* GENERAL CSS */ .sticky-bottom { position: -webkit-sticky; /* For compatibility */ position: sticky; bottom: 0; } /* SPONSORS */ p.sponsor { margin-bottom:0; } /* CAROUSEL */ .car_img { -webkit-filter: grayscale(100%); /* Safari 6.0-9.0 */ filter:grayscale(100%); height:100%; width:100%; } @media screen and (min-width:100px) and (max-width:576px) { #PLACEHOLDER { height:60px; } } @media screen and (min-width:577px) and (max-width:768px) { #PLACEHOLDER { height:324px; } } @media screen and (min-width:769px) and (max-width:992px) { #PLACEHOLDER { height:432px; } } @media screen and (min-width:993px) and (max-width:1200px) { #PLACEHOLDER { height:558px; } } @media screen and (min-width:1201px) { #PLACEHOLDER { height:675px; } } #PLACEHOLDER { overflow:hidden; z-index:1000; position:relative; }