Greasy Fork is available in English.

Igre123.com - Dark Theme

Dark theme for Slovenian page igre123.com

/* ==UserStyle==
@name        Igre123.com - Dark Theme
@description Dark theme for Slovenian page igre123.com
@author      .itstyler.
@version     1.0.4
@license     unlicense
@namespace   https://greasyfork.org/users/668240
==/UserStyle== */
 
@document domain("igre123.com") {
		html{
		min-height: 100%;
		position: relative;
		background-color: #222;
	}
	body {
		background-color: #222;
		height: 100%;
	}
	#title-and-menu h1{
		color: white;
	}
	#CrossLinks {
		color: white;
	}
	#content-navigation {
		background-color: #222;
		border-bottom: solid 1px #4d5156;
	}





	/*Header Settings*/
	#CategoriesMenuCategories a {
		color: #222;
	}





	/*Game Settings*/
	#GameTop #mainTitle h1 {
		color: white;
	}
	#AchievementsTab {
		background-color: #333333;
		color: white;
	}
	#Achievements #GameSubTitle h2{
		color: white;
	}
	#UserUsername a {
		color: rgb(118,215,137);
	}
	#MyAchievements #User {
		background-color: #222;
		color: white;
	}
	#MyAchievements #User #UserAchievements #UserAchievementsPoints #ScoresDiv {
		background-color: #4d5156;
	}
	#MyAchievements #User #UserAchievements #UserAchievementsPoints #LudoDiv {
		background-color: #4d5156
	}
	#UserAchievements .MedalCard {
		background-color: #4d5156;
	}
	#ScoresTimeAll li {
		background-color: #4d5156;
	}
	#ScoresTimeAll .even .position {
		color: white;
		background-color: #4d5156;
	}
	#ScoresTimeAll .even {
		background-color: #4d5156;
		color: white;
	}
	#ScoresTimeAll a {
		color: rgb(118,215,137);
	}
	#ScoresTimeAll .even a {
		color: rgb(118,215,137);
	}
	#best-players-holder .best-players li.selected {
		background-color: #222;
	}
	#best-players-holder .best-players li.selected span.score {
		background-color: #222;
		color: white;
	}
	#best-players-holder .best-players li.selected a {
		background-color: #222;    
	}
	#Text {
		color: grey;
	}





	/*Search Settings*/
	#SearchHeader {
		border-bottom: solid 1px #4d5156;
	}
	.pager-items .row {
		background-color: #4d5156;
		color: white;
		border-bottom: solid 1px grey;
	}
	#SearchHeader #TitleHolder h1 {
		color: white;
	}
	#SearchBar #btn-search {
		color: #4d5156;
	}
	#SearchBar #txtSearch {
		background-color: #4d5156;
	}
	#SearchTabs {
		border-bottom: solid 1px #4d5156;
	}
	#SearchTabs a {
		color: rgb(167,212,61);
	}
	#SearchTabs ol li.selected a, #OrderBy ol li.selected a {
		color: #333333;
	}
	#OrderBy {
		border-bottom: solid 1px #4d5156;
	}
	#OrderBy a {
		color: rgb(167,212,61);
	}
	#NothingHere {
		background-color: #333333;
		color: white;
		border-bottom: solid 1px #4d5156;
	}
	#forumThreadsList .row {
		background-color: #333333;
		color: white;
		border-bottom: solid 1px #4d5156;
	}
	#forumThreadsList .row .threadSubject h2 a {
		color: white;
	}
	#forumThreadsList .threadLastComment a {
		color: rgb(167,212,61);
	}
	#forumThreadsList a {
		color: rgb(167,212,61);
	}
	.even {
		background-color: #333333;
		border-bottom: solid 1px #4d5156;
	}






	/*Main Menu settings*/
	#MainMenuContainer a{
		color: #222;
	}
	#txtSearch {
		background-color: #4d5156;
		color: white;
	}
	#btnDoSearch{
		border-left: solid 1px #222;
		background-color: #4d5156;
	}





	/*Chat Messages settings*/
	#GroupChatMessagesContainer li {
		border-bottom: solid 1px grey;
	}
	.messages {
		background-color: #4d5156;
	}
	.msg {
		color: white;
	}
	.msg a {
		color: rgb(216,228,56);
	}
	.messages li{
		border-bottom: solid 1px grey;
	}
	.usr {
		color: white;
	}
	.usr a{
		color: rgb(18, 215, 91);
	}
	.groupchatmenu-container li.tab-new-message a.name {
		background-color: rgb(232,75,75);
		color: white !important;
	}
	.groupchatmenu-container li.tab-new-message a.close {
		background-color: rgb(232,75,75);
	}
	.groupchatmenu-container li a {
		color: #4d5156;
	}
	.groupchatmenu-container li.selected .close span {
		background: url(https://s.igre123.com/sys/icon-chat-close.png) no-repeat scroll 0 1px #4d5156;
		padding: 5px 5px 9px;
	}
	.groupchatmenu-container li.selected .name span {
		background-color: #4d5156;
		color: white;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	.groupchatmenu-container li.selected .icon-user {
		background-color: white;
	}
	.usr {
		color: rgb(160,194,231);
		font-weight: bold;
	}
	.messages li.GroupChatSysMessage {
		color: white;
	}




	/*Chat Message Send settings*/
	#post-message {
		background-color: #333333;
	}
	.text {
		background-color: #4d5156;
		color: white;
	}
	#post-message .form-button {
		color: #222;
	}





	/*Emojis Settings*/
	.ui-dialog{
		background-color: #333333;
		padding: 0;
		text-align: center;
		animation: fadein0 0.3s;
	}
	@keyframes fadein0 {
		from { opacity: 0; }
		to { opacity: 1;}
	}
	.ui-widget-overlay {
		opacity: 0.7;
		animation: fadein1 0.3s;
	}
	@keyframes fadein1 {
		from { opacity: 0; }
		to { opacity: 0.7 ;}
	}
	#smilies-dialog, #AddVideoContainer, #AddImageContainer, #AddInstagramContainer, #AddTwitterContainer, #RecommendDialog {
		background-color: #333333;
		border-top: solid 1px grey;
	}
	.ui-dialog-title {
		color: white;
	}





	/*Chat Users List settings*/
	#UsersList {
		background: #4d5156;
	}
	#UsersList li {
		background-color: #4d5156;
		color: white;
		border: solid 1px grey;
		cursor: pointer;
	}
	#UsersList li:hover {
		background: rgb(232,75,75) !important;
	}
	#UserListTitle {
		color: #333333;
	}





	/*Profile page settings*/
	#MyProfile {
		background-color: #222 !important;
		color: white;
	}
	#MyProfileData .add-friend {
		color: #222;
		background-color: rgb(234, 84, 84);
		border: 1px solid rgb(234, 84, 84);
	}
	#SendPm .FakeButton {
		color: #222;
		background-color: rgb(234, 84, 84);
		border: 1px solid rgb(234, 84, 84);
	}
	#ProfileWrapper #ProfileDescription {
		background-color: #333333;
		color: white; 
	}
	#ProfileWrapper #ProfileDescription a{
		color: rgb(167,212,61);
		
	}
	#ProfileWrapper #ProfileBoxes {
		background-color: #333333;
		color: white;
	}
	#ProfileWrapper #ProfileBoxes .ProfileBox h2 {
		color: #222;
	}
	.GamesCategorySubtitle {
		border: none;
	}
	.GamesCategorySubtitle .SubTitleHolder h2 {
		color: white;
	}
	#msgTable .pager-items .even {
		background-color: #333333;
		border-bottom: solid 1px grey;
		color: white;
	}
	.addCommentForm .even {
		background-color: #333333;
		border: none;
		color: white;
	}
	#txtComment {
		background-color: #4d5156;
	}
	#ProfileWrapper .ProfileInnerContent {
		background-color: #333333;
		color: white;
	}
	#BadgesDiv, #MedalsDiv {
		background-color: #333333;
		color: white;
	}
	#GamesMedalsSection .MedalCard, #UserAchievements .MedalCard {
		background-color: #333333;
	}
	#main-content {
		border: none;
	}
	#forumHolder #ForumSpacer {
		background-color: #222;
		border: none;
	}
	#msgTable #msgHeader {
		border: none;
	}
	#forumHolder .msgSubject h1 {
		color: #333333;
	}
	div.NoContent {
		background-color: #333333;
		color: white;
		border: none;
	}
	a {
		color: rgb(234, 84, 84);
	}
	#forumFooter {
		background-color: rgb(234, 84, 84);
		color: #222;
		border: none;
	}
	#MyProfileMenu #MyProfileMenuInner ol li.SelectedItem {
		background-color: rgb(234, 84, 84);
	}
	#MyProfileMenu #MyProfileMenuInner ol li.SelectedItem a {
		color: #222;
	}







	/*Profile Settings*/
	#MySettings {
		background-color: #333333;
		color: white;
	}
	#MySettings .file {
		color: white;
	}
	#MySettings .FakeButton {
		color: #222;
	}
	#MySettings form .profileblock h2 {
		color: #333333;
	}
	#txtShortDescription {
		background-color: #4d5156;
	}
	.FriendsList ul li {
		background-color: #333333;
	}
	.JustLikeButtonSquared {
		color: #222;
	}
	textarea {
		color: white;
	}
	#MySettingsMenu #MySettingsMenuInner ol li.SelectedItem {
		background-color: rgb(234, 84, 84);
	}
	#MySettingsMenu #MySettingsMenuInner ol li.SelectedItem a {
		color: #222;
	}





	/*Forum Settings*/
	.forumSpacer {
		background-color: #222;
		height: 0;
	}
	#forumHolder #HorizontalBannerSection {
		background: #222;
		margin-bottom: 0px
	}
	#forumThreadsList .msgSubject a {
		color: #222
	}
	span.SubsectionInfo {
		background-color: rgb(234, 84, 84);
	}





	/*Login Settings*/
	#SignupPageBackground {
		background-color: #222;
		color: white;
	}
	#SignupPage{
		background-color: #222;
		color: white;
	}
	#SignupPage #ValuePropositionText{
		color: white;
	}
	#SignupPage #SeparatingDiv {
		color: white;
	}
	#submit {
		color: #222;
	}
	.cookie_consent span {
		background-color: #4d5156;
		color: white;
	}
	.cookie_consent a {
		color: rgb(118,215,137);
	}





	/*Notifcations Settings*/
	.row {
		background-color: #333333;
		border-bottom: solid 1px grey;
		color: white;
	}
	.TextCell > a {
		color: rgb(118,215,137);
	}
	.NotificationTime {
		color: white;
	}





	/*Mail settings*/
	.alltitle {
		color: white;
	}
	div.time {
		color: white;
	}
	#form{
		background: #333333;
		border: 1px solid grey;
	}
	#form textarea{
		background: #4d5156;
	}
	#form label{
		color: white;
	}
	#private-messages .unseen {
		background-color: #444444;
	}
	#private-messages .DeletePmButton {
		color: black;
	}
	.PleaseNote{
		color: white;
	}





	/*Klepet Settings*/
	#Chat-Status {
		background-color: #333333;
		color: white;
		border: solid 1px grey;
	}
	#Chat-OnlineCount {
		color: white;
	}
	#Chat-Header {
		background-color: #4d5156;
		border: solid 1px grey;
	}
	#Chat-MyStatus {
		background-color: #333333;
	}
	#Chat-MyStatus > span {
		color: white;
	}
	#Chat-MyStatusSelected {
		background-color: #4d5156;
	}
	#Chat-MyStatusContainer span {
		color: white;
	}
	#Chat-MyStatusDropDown div {
		background-color: #4d5156;
	}
	#ChatContainer a {
		color: white;
	}
	#Chat-Friends div {
		background-color: #4d5156;
	}





	/*Notification popup settings*/
	a.BeeperItem {
		background-color: #333333;
		color: white;
		border: solid 1px rgb(234, 84, 84);
		animation: fadeout2 0.5s
	}
	a.BeeperItem:hover {
		background-color: #222;
		border: solid 1px rgb(167,212,61);
		animation: fadein2 0.5s; 
	}
	@keyframes fadeout2 {
		from { border: solid 1px rgb(167,212,61); background-color: #222; }
		to { border: solid 1px rgb(234, 84, 84); background-color: #333333; }
	}
	@keyframes fadein2 {
		from { border: solid 1px rgb(234, 84, 84); background-color: #333333; }
		to { border: solid 1px rgb(167,212,61); background-color: #222; }
	}
}