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; }
}
}