Authorscalpelcat
LicenseNO-REDISTRIBUTION
Categoryhttps://www.goatlings.com/
Created
Updated
Size8.6 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Modifies the Goatlings Website for ease of navigation. Widens a series of things, as well as makes text bigger.
Other: I have gotten many Qs about the code itself, so it will be provided once again, as GH was not playing nice with my updates, thus why it was down for a really long time. But it is back up again for users to use and enjoy!
Another version will be out, a modified section that does not widen the site.
Requirements: Have Stylus Installed before adding this code. Instructions will be provided and added to at a later date. Code may go up and down in length as things are provided and taken away.
/* ==UserStyle==
@name Goatlings Main QOL v.1
@version 1.0.0
@namespace userstyles.world/user/scalpelcat
@description Personal code to help me see certain things on site / read things easier. Edit and tweak as you would need for your own personal ease of certain font sizes.
The Header tends to collide with other skins / codes that edit the header.
@author scalpelcat
@license NO-REDISTRIBUTION
==/UserStyle== */
@-moz-document regexp("goatlings.com") {
/* ==UserStyle==
@name Goatlings QOL Script
@author Knock_Out on Goatlings
@description Some elements provided by goatlings is not very 'sight' friendly. the QOL is designed to make elements on sight bigger for those who have a hard time visually, and do not like to misclick certain things on site.
@version v.1
@license CC0-1.0
@Contact: Goatmail On-Site for issues / Suggestions, feedback.
==/UserStyle== */
/* ==UserStyle==
@name Goatlings QOL Script (No Automated Settings, required user input to receive output)
@namespace USO Archive
@author ScalpelCat
@description `Personal code to help me see certain things on site / read things easier. Edit and tweak as you would need for your own personal ease of certain font sizes.
15+The Header tends to collide with other skins / codes that edit the header.`
@version 20210618.22.59
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
}
@-moz-document domain("goatlings.com") {
/*Main QOL*/
/*Edits the font for the site. Elements added will also change to the appropriate font family, default site font is Arial*/
body,
#m,
#n,
#content,
h1,
h2,
h3 {
font-family: Candara !important;
font-size: 10pt;
}
/*End Family Font*/
#wrapper {
font-size: 10pt;
width: 1200px;
}
#content {
transform: scale(1);
margin: 10px;
margin-top: 1px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
width: 1010px;
}
.event {
text-align: center;
width: 980px;
}
.flash_data {
text-align: center;
width: 980px;
margin-left: -13px;
padding: 5px;
}
.profile-info {
text-align: center;
width: 980px;
}
#header img[src*="GoatlingsHeader.jpg"] {
transform: scale(1);
}
#active_pet_image {
zoom: 100%;
}
/* margin-right: 20px;
margin-top: 7px;*/
.pet-profile-box-three {
margin: 30px;
}
#sidebar {
transform: scale(1);
margin: 10px;
margin-top: 0px;
margin-left: 10px;
margin-right: 30px;
margin-bottom: 20px;
}
#option {
transform: scale(1.1);
font-size: 12pt;
}
#specifics {
font-size: 15pt;
}
#m,
#n {
font-size: 12pt;
}
#n {
text-align: left;
position: relative;
margin-top: 10px;
margin-right: 47px;
}
#table {
font-size: 12pt;
}
#tr,
#td {
font-size: 20pt;
}
#user-info,
#user-info-points {
margin-top: 9px;
}
.profile-part-two {
float: right;
margin-right: 15px;
}
h1 {
font-size: 20pt;
}
h2,
h3 {
font-size: 11pt;
}
strong,
a {
font-size: 13pt;
}
/**Editing Transform (Transform scales to how big/small you want the buttons to be) will give you a variance, between 2-5 will scale the bubble to a preferred 'zoom' level. 4 is the same size for all the bubbles.**/
input[type='radio'] {
transform: scale(4);
margin: 20px;
}
input[type='checkbox'] {
transform: scale(4);
margin: 20px;
}
/*End Checkbox/Radio transforms, other transforms continued below*/
input[type='submit'] {
transform: scale(1.4);
margin: 1px;
}
input[type='text'] {
transform: scale(1.2);
margin: 13px;
}
input[type='specifics'] {
transform: scale(1.2);
font-size: 13pt;
}
input[type='password'] {
transform: scale(1.2);
margin-left: 10px;
}
select {
transform: scale(1.2);
margin: 10px;
}
.shoparea {
transform: scale(.7);
display: inline-grid;
margin: 0px;
margin-left: -25px;
margin-right: -25px;
margin-top: -30px;
margin-bottom: -20px;
padding: 0px;
}
.small-text {
font-size: 10pt;
}
/*Navlink Buttons are Left hand ribbon buttons, adjust to visual aid needs*/
.navlink {
transform: scale(1.2);
margin-top: 8px;
margin-bottom: 3px;
}
.explore-area {
transform: scale(.7);
margin: 10px;
margin-left: -19px;
margin-right: -30px;
margin-top: -50px;
}
.news-post-who {
height: 80px;
}
.favitem {
transform: scale(1)
}
}
/*End Transform*/
/*UserProfile*/
.item-hover {
position: -webkit-sticky;
}
@-moz-document url-prefix("https://www.goatlings.com/mypets") {
/*My Pets*/
#content {
margin-left: 6px!important;
}
#content {
transform: scale(1);
margin: 10px;
margin-top: 1px;
margin-left: 10px;
margin-right: 9px;
margin-bottom: 20px;
width: 1015px;
}
/*pets screen if font is big, default font-family is Arial*/
a,
b {
font-size: 10pt;
}
.mypets-pet {
font-family: Arial!important;
font-size: 10pt;
margin: 1px;
margin-left: 1px!important;
padding: 0px!important;
padding-left: 0px!important;
padding-right: 1px!important;
transform: scale(1);
zoom: 50%;
}
a {
margin: 5px;
}
b {
margin: 1px;
padding: 1px;
}
input[type='submit'] {
transform: scale(1);
margin: 25px;
width: 145px;
height: 35px;
margin-top: -1px;
margin-bottom: -5px;
}
/*end adjustment*/
}
@-moz-document url-prefix("https://www.goatlings.com/ss_mine") {
/*Sugar Star Arcade Game*/
/*The adjustors for the Sugar Mine also apply, with smaller sugar cluster images, and a way to see how much is there.*/
.ss-area {
margin: 10px;
width: 50px;
}
img[src*="/images/ss.gif"] {
display: inline-grid;
transform: scale(.6);
margin-top: -50px;
margin-bottom: -40px;
margin-left: -26px;
margin-right: 0px;
}
/*End Squish*/
}
@-moz-document url-prefix("https://www.goatlings.com/donate"),
url-prefix("https://www.goatlings.com/shops/view/19") {
/*Giving Tree*/
/*The Giving tree adjustor is for how 'sized' you want the giving tree to be. By editing the margins, you are in control of how the giving tree looks to you.*/
.itema {
transform: scale(.7);
display: inline-grid;
margin: 0px;
margin-left: -20px;
margin-right: 1px;
margin-top: -40px;
margin-bottom: 5px;
background-color: #f4f4f43d;
}
.shopitem {
transform: scale(.9);
display: inline-grid;
margin: 0px;
margin-left: -2px;
margin-right: -1px;
margin-top: -30px;
margin-bottom: -5px;
}
/*End Giving Tree*/
}
@-moz-document url-prefix("https://www.goatlings.com/pawn/index/1"){
.itema {
transform: scale(1);
background-color: #f4f4f43d;
}}
@-moz-document url-prefix("https://www.goatlings.com/habuddy/") {
/*Closet Tweak*/
/*This is the Copy/Pasted code from Kitestrings - It is also expanded on to be bigger by me.*/
.base_area {
float: left;
width: 140px;
margin: 0px;
margin-top: 43px;
padding: 0px;
}
#item_area_ajax {
float: right;
width: 850px !important;
height: 716px !important;
overflow: scroll;
}
.item_area {
width: 850px !important;
height: 750px !important;
padding: 0px;
margin: 0px;
margin-top: -3px;
float: right !important;
transform: scale(1);
}
.categories {
margin-bottom: 5px;
}
.closetItem {
border-radius: 5px;
width: 100px;
padding: 0;
margin: 1px;
}
}
@-moz-document url-prefix("https://www.goatlings.com/inventory"),
url-prefix("https://www.goatlings.com/shops/view/") {
/*Item Inventory*/
.item-invent,
.shopItem {
transform: scale(.9);
display: inline-grid;
margin: -5px;
text-align: center;
border-radius: 4px 4px 4px 4px;
border: 1px solid #ccc5bd;
}
}
@-moz-document url-prefix("https://www.goatlings.com/arcade") {
/*Arcade-EDITLATER*/
/* .shoparea {
transform: scale(.7);
display: inline-grid;
margin: 0px;
margin-left: -25px;
margin-right: -25px;
margin-top: -30px;
margin-bottom: -20px;
padding: 0px;
}
center {
width: 1000px;
text-align: center;
padding-right: 3px;
}*/
}
@-moz-document url-prefix("https://www.goatlings.com/profile") {
/*Profile*/
/* .mypets-pet {
font-family: Arial!important;
font-size: 10pt;
margin: 50px;
margin-left: 10px;
margin-bottom: 0px;
padding: 9px !important;
transform: scale(1);
}
}*/
.mypets-pet {
font-family: Arial!important;
font-size: 1pt;
margin: 10px;
margin-left: -10px;
margin-bottom: -9px;
padding: 1px !important;
transform: scale(1);
}
}
/*Adjusts Profile Box to manually fit to the height for your font family.*/
@-moz-document url-prefix("https://www.goatlings.com/pet") {
/*Pet Profile [ ]*/
.profile-box {
height: 300px !important;
}
}