Skip to content

Balkan SA:MP Redesign | LoOdaK by bojandolic

Screenshot of Balkan SA:MP Redesign | LoOdaK
Write a review Install Get Stylus

Details

Authorbojandolic

LicenseNo License

CategoryBalkan SA:MP

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Simple refreshment of the default theme on Balkan SA:MP forum.

Notes

This style is still under development.
If you encounter any bug while using this theme, please contact me.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Balkan SA:MP Redesign by LoOdaK
@version      20220510.21.01
@namespace    userstyles.world/user/bojandolic
@description  Simple refreshment of the default theme on Balkan SA:MP forum.

@author       bojandolic
@license      No License
==/UserStyle== */

@-moz-document domain("balkan-samp.com") {
/*
 STYLES FOR MAIN FORUM PAGE
*/

.table_list {
	border-spacing: 0px!important;
}
}

@-moz-document domain("balkan-samp.com") {
/*
	TOPIC PREFIX STYLES
*/

#postprefix-1 {
	color: white!important;
    background-color: #5093fb!important;
    border-radius: 6px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
	display: inline-block;
	margin: 0;
	transition: .25s;
}

#postprefix-2 {
  color: white!important;
  background-color: #078c89;
  border-radius: 6px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
}

#postprefix-14 {
	color: white!important;
    background-color: #ff5050!important;
    border-radius: 6px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
	display: inline-block;
	margin: 0;
	transition: .25s;
}

#postprefix-12 {
	color: white!important;
	background-color: #f0ae14!important;
    border-radius: 6px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
	display: inline-block;
	margin: 0;
	transition: .25s;
}

#postprefix-15 {
	color: white!important;
	background-color: #4d4d4da8!important;
    border-radius: 6px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
	display: inline-block;
	margin: 0;
}

#postprefix-11 {
	color: white!important;
  background-color: #299724;
  border-radius: 6px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-weight: bold;
}

.catbg .postprefix-all {
  line-height: initial;
}

#postprefix-5 {
	color: white!important;
	background-color: #7724f2bd;
	border-radius: 6px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
}


#id_prefix {
	border-radius: 9px;
	padding: 3px;
}

#id_prefix optgroup {
	border-radius: 9px;
	padding: 3px;
}




}

@-moz-document domain("balkan-samp.com") {
/*
	PROFILE STYLES
*/

.left_admmenu li {
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	padding-left: 6px;
	text-decoration: none!important;
	transition: .15s;
	border-radius: 9px!important;
}

.left_admmenu li a {
	font-family: "Lato";
	text-align: start;
	text-decoration: none!important;
}

.left_admmenu li:hover {
	color: white!important;
	background-color: #fdc152;
	text-decoration: none!important;
}


}

@-moz-document domain("balkan-samp.com") {
/*
	STYLES FOR POSTS
*/


.windowbg2 {
	background-color: var(--post_white_color);
}

.windowbg2 span.topslice {
	display: none;
}

.poster h4 {
	margin: 0px!important;
	width: 100%!important;
	background-color: #e8e8e8!important;
}

.poster {
	padding: 0px!important;
	margin-left: 8px!important;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
	border-radius: 20px;
}

.postarea, .moderatorbar {
	margin: 0 0 0 240px;
}

.poster ul li {
	margin-right: 0px!important;
	width: 100%!important;
	background-color: #e8e8e8!important;
}

.postgroup {
	margin: 0!important;
}
.stars {
	margin: 0px!important;
}

.avatar img {
	border-radius: 50px 0px 50px 0px;
}
}

@-moz-document domain("balkan-samp.com") {
:root {
  --orange_color: RGB(241, 124, 0);
	--orange_shade1:#e57c0b;
  --grey_shade1: rgba(224,224,224,1);
  --grey_shade2: rgba(199,199,199,1);
	--dark: #3c3b3b;
	--post_white_color: #f8f8f8;
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

#mainarea {
  border: none;
}


li.profile {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-bottom: 0!important;
  border: 0!important;
}

div div h4 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  margin-bottom: 0!important;
  border: 0!important;
}

li.stars {
  margin-bottom: 0!important;
  border: 0!important;
}

li.postgroup {
  margin-bottom: 0!important;
	margin-right: 0!important;
  border: 0!important;
}



li.avatar {
  border: 0!important;
  padding: 0px!important;
  margin: 0px!important;
  inset: 0px!important;
}

li.postcount {
  margin-bottom: 0!important;
  border: 0!important;
}

li.thankscount {
  margin-bottom: 0!important;
  border: 0!important;
}

li.gender {
  margin-bottom: 0!important;
  border: 0!important;
}

li.membergroup {
  margin-bottom: 0!important;
  border: 0!important;
}


li.title {
  box-sizing: border-box;
  margin-bottom: 0!important;
  border: 0!important;
  padding: 12px;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

li.blurb {
  margin-bottom: 0!important;
  border: 0!important;
}

span.topslice {
  display: none;
}


#footer {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: #3c3b3b;
}

div.post_wrapper {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

ul.reset.smalltext {
  padding-right: 0px;
  margin: 0;
}

.poster h4, .poster ul li {
  margin-right: 0px;
  overflow: hidden;
  border: none;
  width: 95%;
}

#toolbar {
  background: #3c3b3b;
  border: 0px;
}

div.cat_bar {
	background: none!important;
  background-color: #3c3b3b!important;
  border-radius: 16px 16px 0px 0px;
	margin-top: 12px;
}

h3.catbg {
	background: none!important;
  background-color: #3c3b3b!important;
}

div.plainbox {
  background: #3c3b3b;
}

html body {
  background: url(https://libertycity.net/uploads/download/gtasa_gamemodes/fulls/b0pjo1mdj3k02ajbvk26od6kl3/15122475459636_1438654310-4.jpg) no-repeat center center fixed;
  background-size: cover;
}

div.roundframe {
  border-radius: 16px;
  border: 1px solid;
}

span.upperframe {
  border: 0px;
}

span.lowerframe {
  border: 0px;
}

#header-tab {
  background: #3c3b3b;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

#header {
  background: url(https://i.imgur.com/eWfUg3a.jpeg) no-repeat center center fixed;
  background-size: cover;
  display: flex;
  align-items: center;
  height: 200px;
  background-attachment: scroll;
}

#userinfo {
  border: 1px solid orange;
  border-radius: 16px;
  margin-left: auto;
  margin-right: 20px;
  background-color: rgba(255, 178, 44, 0.15)!important;
  color: orange!important;
  height: 60%;
  text-align: center;
  vertical-align: middle;
  line-height: 2.5;
}


#logo {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.catbg {
	background: none!important;
 background-color: #3c3b3b!important;
	font-family: "Lato";
	font-weight: bold;
}

.catbg th {
	background: none!important;
}

.description_board  {
	background: none!important;
	background-color: var(--dark)!important;
	border: none;
}

#userinfo a {
  color: RGB(255, 201, 110)!important;
  text-decoration: underline;
}

#topnav li a {
  background: none;
}

table.table_grid td {
  border: none;
}

#topnav li a {
  font-weight: 600;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  /*letter-spacing: .7px;*/
  transition: .1s;
  /*font-family: 'Open Sans', sans-serif !important;*/
}

#topnav li a:hover {
  background-color: var(--orange_shade1)!important;
  border: none;
  color: white!important;
  font-family: 'Lato', sans-serif;
}

#topnav .active {
	color: var(--orange_shade1)!important;
	/*color: white!important;*/
}

#BBCBox_message_button_0_5 {
  background: none;
  background-image: none;

}

#BBCBox_message_button_0_7 {
  background-color: rgba(224,224,224,1);
  background-image: none!important;
  content: url(https://i.imgur.com/6y1VtI0.png);
  padding: 4px;
  border-radius: 6px;
}

#BBCBox_message_button_0_7:hover {
  background-color: rgba(199,199,199,1);
  transition: .25s;
}

#BBCBox_message_button_0_8 {
  background: none!important;
  content: url(https://i.imgur.com/0MbO7x5.png);
  padding-left: 4px;
  padding-right: 4px;
}

.navigate_section {
  padding-top: 6px;
  padding-bottom: 0px!important;
  display: inline-block;
}

.navigate_section ul {
  padding-left: 9px;
  padding-top: 3px;
  background-color: var(--grey_shade1);
  border-radius: 16px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 1em;
}

.navigate_section ul li a {
  transition: .2s;
}

.navigate_section ul li a:hover {
  background-color: var(--orange_color)!important;
  color: white;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 1px;
  padding-bottom: 2px;
  border-radius: 16px;
  text-decoration: none;
}


#topnav li li {
  padding-left: 12px;
  padding-right: 12px;
}

#topnav li li a {
  border-radius: 16px;
  font-family: "Lato" sans-serif;
  font-weight: 400;
}

#topnav li li a:hover {
  font-family: "Lato" sans-serif;
  font-weight: 400;
}

#topnav li ul {
  border: none;
  margin-top: 6px;
  border-radius: 0px 16px 16px 16px;
  padding-bottom: 6px;
  padding-top: 6px;
}

.titlebg td {
	background: var(--dark)!important;
}

.post blockquote.bbc_standard_quote {
	border-left: 5px solid var(--orange_color);
	background: none!important;
	background-color: #f2f2f2!important;
	border-radius: 9px;
}

.quotefooter {
	margin-bottom: 9px;
}
.lista_foruma {
	margin: 12px;
}

.icon1.window...

Reviews

No reviews yet.