Skip to content

Small header for Fanres by valeyard

Imported from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/160165.user.css

Screenshot of Small header for Fanres

Details

Authorvaleyard

LicenseCC0-1.0

Categoryfanres

Created

Updated

Size2.0 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

This is a simple style to reduce the header size on the Fanres forums. Works with both the default theme, and the dark theme. As per BronzeTitan's request, you may now opt to have a large logo graphic on the home page, and to replace the static logo with a blinking graphic - select "Customise Settings" when installing to choose the options!

Notes

Updated to work with the new light theme.

Source code

/* ==UserStyle==
@name           Small header for Fanres
@namespace      USO Archive
@author         The Valeyard
@description    `This is a simple style to reduce the header size on the Fanres forums. Works with both the default theme, and the dark theme. As per BronzeTitan's request, you may now opt to have a large logo graphic on the home page, and to replace the static logo with a blinking graphic - select "Customise Settings" when installing to choose the options!`
@version        20211215.0.00
@license        CC0-1.0
@preprocessor   uso
@advanced dropdown blinking-static "Animated logo (light globe starts off and turns on)" {
	blinking "No*" <<<EOT     background:url(https://i.imgur.com/UozbzyI.png) 0 4px/100% no-repeat; EOT;
static "Yes" <<<EOT     background:url(https://i.imgur.com/eG7aNcU.png) 0 4px/200% no-repeat;
    animation: logolight 30s steps(1); EOT;

}
@advanced dropdown indexlg-indexsml "Large logo on index page" {
	indexsml "No*" <<<EOT  EOT;
indexlg "Yes" <<<EOT @-moz-document url("https://forum.fanres.com/"), url("https://forum.fanres.com/index.php") {
#logo .wrapper>a {
    height: 90px;
    width: 410px;
}
} EOT;

}
@advanced dropdown new-light-theme "Using New Light Theme?" {
	blinking "No*" <<<EOT  EOT;
static "Yes" <<<EOT     #logo{background:#125;}
#header ul.menu li a {color: #ccc;} EOT;

}

==/UserStyle== */
@-moz-document domain("forum.fanres.com") {
@keyframes logolight {
    47.5%, 50%, 52%, 54%, 100% {
        background-position: left 4px;
    }
    0%, 47%, 47.7%, 50.3%, 53.6% {
        background-position: right 4px;
    }
}
#logo {
    padding:0
}
#logo .wrapper {
    position:relative
}
#logo img {
    display:none
}
#logo .wrapper>a {
/*[[blinking-static]]*/
    height:56px;
    width:246px;
    display:inline-block;
}
#logo .wrapper ul {
    display:inline-block;
    position:absolute;
    bottom:0;
    right:0;
}
}

/*[[indexlg-indexsml]]*/
/*[[new-light-theme]]*/

Reviews

No reviews yet.