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!
Small header for Fanres by valeyard
Imported from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/160165.user.css
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
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]]*/