Template:Sections/styles.css: Difference between revisions

From the Audiovisual Identity Database, the motion graphics museum
Content deleted Content added
m Hb1290 moved page Main Page/sections/styles.css to Template:Sections/styles.css without leaving a redirect
No edit summary
 
(4 intermediate revisions by 2 users not shown)
Line 5: Line 5:
}
}
/*Styling for menu options*/
/*Styling for menu options*/
.on-screen-logos a, .company-bumpers a, .station-ids a, .commercial-tags a, .cinema-trailers a, .bootscreens a {
.production-logos a, .television-bumpers a, .home-media-bumpers a, .rating-bumpers a, .modified-screens a, .splash-screens a, .test-cards a, .film-leaders a, .commercial-tags a, .cinema-trailers a, .bootscreens a {
color: #000 !important;
color: #000 !important
}
}
.on-screen-logos, .company-bumpers, .station-ids, .commercial-tags, .cinema-trailers, .bootscreens {
.production-logos a, .television-bumpers a, .home-media-bumpers a, .rating-bumpers a, .modified-screens a, .splash-screens a, .test-cards a, .film-leaders a, .commercial-tags a, .cinema-trailers a, .bootscreens a {
padding-bottom:10px;
padding-bottom:10px;
}
}
Line 14: Line 14:
text-decoration: none;
text-decoration: none;
}
}
.on-screen-logos a::before {
.production-logos a::before {
content: "\f005";
content: "\f03d";
font-family: 'Font Awesome 5 Free';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-weight: 900;
Line 21: Line 21:
}
}


.company-bumpers a::before {
.television-bumpers a::before {
content: "\f04b";
content: "\f26c";
font-family: 'Font Awesome 5 Free';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-weight: 900;
margin-left: 0.15em;
margin-left: -0;
margin-right: 0.76em;
margin-right: 0.7em;
}
}

.home-media-bumpers a::before {
content: "\f51f";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-left: 0;
margin-right: 0.7em;
}

.rating-bumpers a::before {
content: "\f5bf";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 0.7em;
}

.modified-screens a::before {
content: "\f065";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 0.7em;
}

.commercial-tags a::before {
.commercial-tags a::before {
content: "\f02c";
content: "\f02c";
Line 41: Line 64:
}
}
.cinema-trailers a::before {
.cinema-trailers a::before {
content: "\f03d";
content: "\f008";
font-family: 'Font Awesome 5 Free';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-weight: 900;
Line 53: Line 76:
}
}


.splash-screens a::before {
content: "\f11b";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 0.76em;
}

.test-cards a::before {
content: "\f7c0";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 0.76em;

}

.film-leaders a::before {
content: "\f05b";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 0.76em;
}
/*positioning tweaks for collapse icon*/
/*positioning tweaks for collapse icon*/
.mw-collapsible span.mw-collapsible-toggle {
.mw-collapsible span.mw-collapsible-toggle {

Latest revision as of 03:35, 8 October 2023

/*center icon galleries*/
.mw-collapsible-content > div {
    text-align: center;
    padding-right: 40px;
}
/*Styling for menu options*/
.production-logos a, .television-bumpers a, .home-media-bumpers a, .rating-bumpers a, .modified-screens a, .splash-screens a, .test-cards a, .film-leaders a, .commercial-tags a, .cinema-trailers a, .bootscreens a {
    color:  #000 !important
}
.production-logos a, .television-bumpers a, .home-media-bumpers a, .rating-bumpers a, .modified-screens a, .splash-screens a, .test-cards a, .film-leaders a, .commercial-tags a, .cinema-trailers a, .bootscreens a {
    padding-bottom:10px;
}
a:hover {
    text-decoration: none;
}
.production-logos a::before {
    content: "\f03d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 0.7em;
}

.television-bumpers a::before {
    content: "\f26c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: -0;
    margin-right: 0.7em;
}

.home-media-bumpers a::before {
	content: "\f51f";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 0;
    margin-right: 0.7em;
}

.rating-bumpers a::before {
	content: "\f5bf";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 0.7em;
}

.modified-screens a::before {
	content: "\f065";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 0.7em;
}

.commercial-tags a::before {
    content: "\f02c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 0.5em;
}
.station-ids a::before {
	content: "\f7c0";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 0.76em;
}
.cinema-trailers a::before {
    content: "\f008";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 0.6em;
}
.bootscreens a::before {
    content: "\f011";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 0.76em;
}

.splash-screens a::before {
    content: "\f11b";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 0.76em;
}

.test-cards a::before {
	content: "\f7c0";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 0.76em;

}

.film-leaders a::before {
	content: "\f05b";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 0.76em;
}
/*positioning tweaks for collapse icon*/
.mw-collapsible span.mw-collapsible-toggle {
    float:right;
    margin-left:0;
    margin-right:1em;
}
@media screen and (max-width:1200px) {
    .mw-collapsible span.mw-collapsible-toggle {
    float:right;
    margin-left:0;
    margin-right:0em;
 
}
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.