Literally just a Golden Daymap CSS style. Simple and made to be easily edited with little CSS knowledge.
Yellow Daymap Style Template by Wolfystarrs
![Screenshot of Yellow Daymap Style Template](https://userstyles.world/preview/13496/1.jpeg)
Details
AuthorWolfystarrs
LicenseNo License
Categorydaymap
Created
Updated
Size2.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Literally just a CSS style. Simple and made to be easily edited with little CSS knowledge. Meant to pair with this theme here (https://userstyles.world/style/13491/stylus-daymap-recolour).
Source code
/* ==UserStyle==
@name Yellow Daymap Style Template
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Literally just a CSS style. Simple and made to be easily edited with little CSS knowledge. Meant to pair with this theme here (https://userstyles.world/style/13491/stylus-daymap-recolour).
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://daymap"), domain(daymap.net) {
/* Insert code here... */
/* Colours*/
:root {
--text: #f1b242;
--bgouter: #ffd753;
--bg: rgb(107, 50, 17);
--bginner: rgb(153, 84, 0);
--green: rgb(192, 122, 0);
--imgreplace: url(https://t4.ftcdn.net/jpg/06/27/46/97/360_F_627469711_Xp3iMpAxTb55LdMYLMn2uJ5dWICW13qI.jpg);
--headerimg: url(https://www.masterbuildercoaching.com/wp-content/uploads/Golden-clouds.jpg);
/*--namereplace: "Your custom name here";*/
--font: Times New Roman;
}
/* header 4 ez acess*/
header {
background-image: var(--headerimg);
background-repeat: repeat-x;
--bgsize: 100%;
background-size: var(--bgsize);
}
.sdIndicator, .Badge, #ctl00_cp_dtbDate:focus {
background-image: var(--headerimg);
border: 1px solid white !important;
}
/* BUNCHA COMMENTED OUT NAME/PFP STUFF BELOW VV*/
/* THIS REPLACES YOUR PROFILE PICTURE VV*/
.nav-user-image, .photoThumb, .ServerImage-module_ServerImage__r71jK.Avatar-module_Avatar__Jhan3.UserDetails-module_Avatar__cfwCK {
background-image: var(--imgreplace) !important;
}
/* replacing name VV all the commented out bits is the name replace*/
/*.name-text, .css-128, .sname,.label:nth-child(1)>.context-menu-text {
visibility: hidden;
position: relative;
}
.name-text:after, .css-128:after, .sname:after {
visibility: visible;
position: absolute;
top: 0;
left: 0;
content: var(--namereplace);
}
.label:nth-child(1)>.context-menu-text:after{
visibility: visible;
position: absolute;
top: 0;
left: 0;
content: "Logged in as " var(--namereplace);
}*/
/*
READ THIS IF YOU DONT UNDERSTAND CSS AND JUST WANT TO USE THIS
the :root above allows you to change certain colours, the image, the name and the header image
if you want the name/header/profile pic to go to normal surround them w/ the \* *\ (except the other type of slash)
*/
}