Skip to content

GoSupermodel Darker Theme by mirawa

Screenshot of GoSupermodel Darker Theme

Details

Authormirawa

LicenseNo License

Categorygosupermodel.com

Created

Updated

Size316 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

In the current iteration of the theme, the background color and header has been changed to a soft grey tone, while the navigation bar and widgets have been recolored in a similar shade. Overall, the theme has a calming and minimalist aesthetic and is easy on the eyes.

...I also added a nice little red line in the slogan.

As the theme is still an ongoing project, there are plans to make further refinements and improvements. The main focus is creating a consistent colour scheme throughout the site's various sections and pages, so that the user experience is seamless and visually appealing - while still retaining all of the fun and functionality.

If you find bugs or have ideas/questions, please contact me (on gsm, for now) so I can improve and update the theme asap.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Gsm Darker SFW theme
@namespace      USO Archive
@author         Mirawa
@description    `A darker theme for gsm.`
@version        02052023.1.00
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("gosupermodel.com"), domain("gosupermodel.tv2.dk"), domain("gosupermodel.de"), domain("gosupermodel.fi"), domain("gosupermodel.se"), domain("gosupermodel.nl"), domain("gosupermodel.pl"), domain("gosupermodel.no") {

html{
	color:#000;
	background:#FFF;
    background: url(https://i.imgur.com/5dkR9gn.jpg) no-repeat !important;
	font: 11px verdana, sans-serif;
	overflow-y:scroll;

}

    body,html {
                background: url("https://i.imgur.com/5dkR9gn.jpg") no-repeat  4000px;

            }
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;word-wrap:break-word;font-family: verdana, sans-serif;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:inherit;font-weight:inherit;}
code,strong{font-weight:bold;}
em{font-style:italic;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}     

sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

input,textarea,select{font-size:100%;}

legend{color:#000;}

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
}
@font-face {
	font-family: 'GSM print';
	font-weight: normal;
	font-style:  normal;
src: url("https://a4c9m5w9.stackpathcdn.com/images/fonts/gsm_print.ttf") format("truetype");
}
@font-face {
	font-family: 'GSM print';
	font-weight: bold;
	font-style:  normal;
src: url("https://a4c9m5w9.stackpathcdn.com/images/fonts/gsm_print_b.ttf") format("truetype");
}
input[type="text"], input[type="password"], input[type=select] {
   background-color: #efeded;
   
}
#framework_all {
	position: relative;
	min-height: 100%;
}


div.framework_top{
    background:url('https://i.imgur.com/PLErdtC.jpg') repeat-x center;
}

div.framework_top.xmas{
    background:url("https://a4c9m5w9.stackpathcdn.com/images/topbar/xmas_new_top_bar.jpg") repeat-x center #1a242e;
}

.framework_all div.easter.framework_top{
    background:url("https://a4c9m5w9.stackpathcdn.com/images/topbar/easter_topbar.jpg") repeat-x center #7F00FF;
}

div.spt.framework_top{
    background:url("https://a4c9m5w9.stackpathcdn.com/images/topbar/top_bar_brandgirls.jpg") repeat-x center orange;
}

div.framework_top_inner {
	width: 980px;
	height: 131px;
	margin: 0 auto;
	position: relative;
}

div.framework_logout {
	color: #b4b4b4;
	height: 22px;
}

.framework_logout div {
	float: right;
	height: 18px;
}

div.framework_logout_corner1 {
	background: url("https://a4c9m5w9.stackpathcdn.com/images/topbar/logout_bar.png") top left;
	height: 22px;
	width: 25px;
}

div.framework_logout_corner2 {
	background: url("https://a4c9m5w9.stackpathcdn.com/images/topbar/logout_bar.png") -25px 0;
	height: 22px;
	width: 28px;
	margin-left: 11px;
}

.framework_logout a {
	color: white;
	text-decoration: none;
	margin: 5px;
}

.framework_logout a:hover {
	color: #acd2ff;
}

div.framework_logout_links {
	background: url("https://a4c9m5w9.stackpathcdn.com/images/topbar/logout_bar.png") top right;
	padding-top: 4px;
	padding-right: 3px;
}

div.framework_top_buttons {
	height: 66px;
	position:absolute;
	top:66px;
	right:0;
}

.famework_beta_button a {
    float: right;
    width: 139px;
    height: 28px;
    text-align: center;
    color: #545454;
}

a.button_beta {
    background: url("https://a4c9m5w9.stackpathcdn.com/images/buttons/button_beta_server.png") no-repeat;
    top:7px;
    position:relative;
    font-weight:bold;
}

a.button_beta:hover {
    background: url("https://a4c9m5w9.stackpathcdn.com/images/buttons/button_over_beta_server.png") no-repeat;
}

.framework_top_buttons a {

	float: right;
	width: 92px;
	height: 65px;
	background: url("https://i.imgur.com/EICU6XF.png") no-repeat;
	background-position: 0 0
}

a.button_frontpage {
    box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: 0 0;
	width: 91px;
}

a.button_shopping {
    box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -91px 0;
    position:relative;
}

a.button_games {
    box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -183px 0;
    position:relative;
}

a.button_creative {
    box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -275px 0;
}

a.button_community {
    box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -367px 0;
}

a.button_models {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -459px 0;
	width: 91px;
}

a.button_frontpage:hover {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: 0 -66px;
}

a.button_shopping:hover {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -91px -66px;
}

a.button_games:hover {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -183px -66px;
}

a.button_creative:hover {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -275px -66px;
}

a.button_community:hover {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -367px -66px;
}

a.button_models:hover {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -459px -66px;
}

a.button_frontpage_selected {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: 0 -132px;
	width: 91px;
}

a.button_shopping_selected {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -91px -132px;
    position:relative;
}

a.button_games_selected {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -183px -132px;
    position:relative;
}

a.button_creative_selected {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -275px -132px;
}

a.button_community_selected {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -367px -132px;
}

a.button_models_selected {
        box-shadow: 0px 0px 11px #00000021;
    border-radius: 10px 10px 0px 0px;
	background-position: -459px -132px;
	width: 91px;
}

a.framework_logo1 {
    float: left;
    height: 131px;
    margin-top: -22px;
    width: 220px;
}

a.framework_logo2 {
    float: left;
    height: 131px;
    margin-top: -66px;
    width: 220px;
    background-image: none;
}

div.framework_server_warning {
	position: absolute;
	background: url("https://a4c9m5w9.stackpathcdn.com/images/topbar/server_warning.png#png8");
	width: 404px;
	height: 131px;
	color: #0c3c7e;
	left: 13px;
	top: 7px;
	z-index: 100;
}

div.framework_server_warning div {
	margin: 17px 24px 0 24px;
	font-size: 12px;
	overflow: hidden;
	height: 108px;
}

div.framework_server_warning h1 {
	font-size: 18px;
	margin-bottom: 6px;
}

#framework_server_warning_countdown_id {
	color: #c83282;
}

.framework_signup {
	position: relative;
	height:65px;
}

a.framework_signup_a {
	position:absolute;
	left:417px;
	top:-21px;
	width:122px;
	height:80px;
	background: 0 0;
	/*outline: blue dotted 1px;*/
}

div.framework_signup_b {
	position:absolute;
	left:875px;
	top:37px;
	width:100px;
	/*outline: red dotted 1px;*/
}

div.framework_header {
	width: 980px;
	height: 35px;
	margin: 0 auto;
}

div.framework_minimenu {
	height: 35px;
	float: left;
	color: white;
}

.framework_minimenu a {
	height: 35px;
	color: white;
	float: left;
	text-align: left;
	line-height: 16px;
	text-decoration: none;
	cursor: pointer;
}

.framework_minimenu div {
	height: 33px;
	float: left;
	padding-top: 2px;
    background: url("https://a4c9m5w9.stackpathcdn.com/images/topbar/minimenu7.png") -94px top;
}

div.framework_minimenu2 {
	height: 35px;
	color: white;
    position: absolute;
    width: 980px;
}

.framework_minimenu2 a {
	height: 35px;
	color: white;
	float: left;
	text-align: left;
	line-height: 16px;
	text-decoration: none;
	cursor: pointer;
}

.framework_minimenu2 div {
	height: 33px;
	float: left;
	padding-top: 2px;
    background: url("https://a4c9m5w9.stackpathcdn.com/images/topbar/minimenu7.png") -94px top;
}

div.framework_a1 {

	background-position: left top;
	width: 39px;
}

a:hover div.framework_a1 {
box-shadow: 0px 0px 11px 0px #ffffff8c;
border-radius: 10px 0px 0px 0px;
	background-position: left -35px;
}

div.framework_a2 {
	background-position: -36px top;
	padding-right: 6px;
	
}

a:hover div.framework_a2 {
	background-position: -36px -35px;
	color: #d3d3d3;
}

div.framework_b1 {
	background-position: -310px top;
	width: 36px;
}

a:hover div.framework_b1 {
    box-shadow: 0px 0px 11px 0px #ffffff8c;
border-radius: 10px 0px 0px 0px;
	background-position: -310px -35px;
}

div.framework_b2 {
	padding-right: 6px;
    line-height:32px;
	
}

a:hover div.framework_b2 {
	background-po...

Reviews

No reviews yet.