Локални CSS темички за форума

[kypa]

Ди Арт ъф Тролинг

Някой съфорумец ако не ни кефи (или пък твърде много ни кефи) можем да му сменим аватара кът за нашия тиливизур с такъв предпочитан от нас.
Примерен код:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("bulgaria-forex.com") {
  
.postbitlegacy .userinfo [href^="member.php?982-kypa"].postuseravatar {
  width: 80px !important;
  height: 80px !important;  
  background: url("file:///home/kypa/Downloads/kyp.png") no-repeat !important;
}
  
.postbitlegacy .userinfo [href^="member.php?982-kypa"].postuseravatar img {
  display: none !important;
}

}

Ако включваме кода във друга темичка за форума махаме @namespace, @-moz-document и най-последната скоба.

"href" - как завършва линка към профила на съответния потребител.
"width", "height" - РЕДно е да преоразмерим картинката дето искаме до 80х80 (с Paint примерно) да стане като другите аватари във форума, обаче може и по-голяма да турим и съответно да зададем тука новите размери.
"url" - отваряме картинката в браузера и копираме адреса който се показва.

Целта на споделянето на тоз код е вместо да се караме с някой съфорумец кът ни дойде музата и Началника да раздава банани да му турим един хубав аватар и да приключим въпроса, без негативни последствия за когото и да било.

Кода естествено може да се ползва и съвсем добронамерено, без задни мисли изобщо - да си турим по-голям аватар примерно, или някаква анимация дето нормално не може да се качи във форума (то малко висша степен нарцисизъм да си туряме аватар дето само ний можем да видим, ама нищо).
С подобен код евентуално някой ден може да се включат и други икони за секциите и разделите форума в потребителска темичка.

[kypa]

Ъпдейт на мойта темичка. Цветовете уеднаквени допълнително, че да може по-лесно да се сменят. И ъгълчетата заоблени, да сме в крак с времето.


K-1.04.css.zip

[kypa]

Мойта темичка я качих у ЮзерСтайлса - да може директно от Стайлиш добавката да се туря, от "намери стилове за тоз сайт".
https://userstyles.org/styles/135310/theme
Във Файърфокс е за предпочитане без добавка да се ползва де, колкото и да е лека таз добавка - браузера поддържа външен цсс. Назаде съм обяснявал как.

[kypa]

Някой ку се е мъчил във Файърфокса с юзерКонтент да туря темичка, а тя не ще да работи, има един бъг - външен ЦСС към момента не работи с новата струтКУРа мултипроцесорни прозорци. Туй нещо го оправят във версия 53. Таз версия към момента е налична кът Нощна - баш бета версията.
https://www.mozilla.org/en-US/firefox/channel/desktop/
Нормалната и Нощната версии могат да се инсталират заедно и после която искаме да ползваме стартираме нея.
Новата структура мултипроцесорните прозорци се включва/изключва от about:config/browser.tabs.remote. Може да се провери дали работи в about:support.

[kypa]

Темичка за календаря на началната страница на ФорумЪТ, да е в тон с цялостната тъмна темичка:

calendar.zip

Календаря е вградена джаджа, домейна ѝ е информерс.мт5.ком, не България-форекс. Т.е. трябва с отделна тема с Стайлиш добавката, в юзерконтент.цсс-то трябва да се копира заедно с моз-документ домейна и неговите скоби.


А пък тоз код е за менюто в профила дето се избира настроение, само се добавя вътре в цялостната темичка:

/* настроения inline css */


.dbtech_status_menu { 
    background: #303030 !important;
    border-color: #187492 !important;
}
  
.dbtech_status_menu li > a,
.dbtech_status_menu li > label {
    background: #303030 !important;
}

.dbtech_status_menu li {
    border-top-color: #187492 !important;
}

[kypa]

Още малко екста кодь за джаджите от началната страница:

@-moz-document domain("bulgaria-forex.com") {


/* валутни котировки inline css */


#quotehead {
    background-color: #303030 !important;
    color: #cecece !important;
    }
    
#quotecontainer #mt5_quotewnd {
    border: 0px solid transparent !important;
    }

#quotefooter {    
    color: #cecece !important;
    background-color: #303030 !important;
    }

.even {
    background-color: #373737 !important;
    }

.odd {
    background-color: #303030 !important;
    }

.down_arrow {
    color: red !important;
    }

.up_arrow {
    color: green !important;
    }

#quotecontainer table.mt5_quotes_table {
    color: #cecece !important;
    }

#quotecontainer a {
    color: #cececе !important;
    }
    
#quotecontainer a:visited {
    color: #cecece !important;
    }




/* показатели inline css */ 

  
#body_event_timer {
    box-shadow: transparent 0px 0px 33px !important;
    border: 1px solid #187492 !important;
    }

#body_event_timer .style_bg {
    background: #373737 !important;
    }

#body_event_timer .box_round_val {
    border-radius: 5px !important;
    }

#body_event_timer.box_round, #body_event_timer .box_round {
    border-radius: 5px !important;
    }

#body_event_timer .style_bg_val {
    background: #0d4050 !important;
    }

#body_event_timer .timer_head {
    color: #cecece !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom: 1px solid #187492 !important;
    }

#body_event_timer .informer-footer {
    color: #cecece !important;
    border-top: 1px solid #187492 !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    }

#body_event_timer .style_bg_header {
    background: #0d4050 !important;
    }

#body_event_timer .timer_head a.bx-prev,
#body_event_timer .timer_head a.bx-next {
    color: #48aedc !important;
    }

#body_event_timer .timer_head a.bx-prev:hover,
#body_event_timer .timer_head a.bx-next:hover {
    color: #b3ddf0 !important;
    }

#body_event_timer .style_shadow {
    border: 1px solid #187492 !important;
    box-shadow: transparent 0px 0px 0px !important;
    }

#body_event_timer .div_text_value {
    color: #cecece !important;
    }

#body_event_timer .style_font {
    color: #cecece !important;
    }

#body_event_timer .calendar_link a {
    color: #48aedc !important;
    }

#body_event_timer .tip_timers .tip-inner h3,
#body_event_timer .tip_timers .tip-inner p {
    color: #cecece !important;
    }

#body_event_timer .tip_timers .arrow,
#body_event_timer .tip_timers .arrow:after {
    border-bottom-color: #48aedc !important;
    }




/* sidebar button extra css */


#sidebar_button_link {
  display:block !important;
	margin-top: 40px !important;
	float: left !important;
  float: right !important;
	margin-right:-20px !important;
  width: 19px !important;
  height: 26px !important;
  background: #0d4050 !important;
  border-right: 1px solid #187492 !important;
  border-top: 1px solid #187492 !important;
  border-bottom: 1px solid #187492 !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  }
  
#sidebar_button_link::after {
  font-size: 18px !important;
  content: "»" !important;
  }

#sidebar_button_link:hover {
  background: #187492 !important;
  border-color: #48aedc !important;
  transition: all 0.125s !important;
  box-shadow: 0px 0px 4px 1px #48aedc !important;
  }

#sidebar_button  {
  margin-top: -5px !important;
  float: left !important;
  opacity: 0.0001 !important;
  }


}




@-moz-document domain("informers.mt5.com") {


/* форекс новини inline css */


#body_live_analysis_page {
  box-shadow: transparent 0px 0px 0px !important;
  border: 1px solid #187492 !important;
  }

.live_analysis_page_box_round {
  border-radius: 5px !important;
  }

#live_analysis_page_head {
  color: #cecece !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom: 1px solid #187492 !important;
  }

#live_analysis_page_footer {
  color: #cecece !important;
  border-top: 1px solid #187492 !important;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  }

#body_live_analysis_page .style_bg {
  background: #0d4050 !important;
  }

.live_analysis_page_title {
  color: #cecece !important;
  }

#body_live_analysis_page .content_bg, #live_analysis_filter_panel li ul.sub_menu li:hover, #live_analysis_pages a.active, #live_analysis_pages a:hover {
  background: #303030 !important;
  }

#live_analysis_pages a {
  color: #cecece !important;
  background: #0d4050 !important;
  border: 1px solid #187492 !important;
  border-radius: 5px !important;
  box-shadow: 0px 0px 4px 1px transparent !important;
  transition: all 0.125s !important;
  }

#live_analysis_pages a.active, #live_analysis_pages a:hover {
  color: #f4f4f4 !important;
  background: #187492 !important;
  border: 1px solid #48aedc !important;
  border-radius: 5px !important;
  box-shadow: 0px 0px 4px 1px #48aedc !important;
  transition: all 0.125s !important;
  }

#live_analysis_page_content .analysis_img {
  border: 0px solid transparent !important;
  }

#live_analysis_page_content .analysis_img_prev {
  border: 0px solid transparent !important;
  }

#live_analysis_page_content .fio {
  color: #48aedc !important;
  }

#live_analysis_page_content .date {
  color: #ececec !important;
  }

#live_analysis_page_content .date_news {
  color: #ececec !important;
  }

#live_analysis_page_content .container .text {
  color: #cecece !important;
  }

#live_analysis_page_content .text_news {
  color: #cecece;
  }

#live_analysis_filter_panel .bt {
  color: #cecece !important;
  border: 0px solid transparent !important;
  }

#live_analysis_filter_panel li ul {
  border: 0px solid transparent !important;
  }

#live_analysis_filter_panel li ul.sub_menu li {
  color: #cecece !important;
  }

#live_analysis_pages .main_href {
  color: #cecece !important;
  }

#live_analysis_pages .main_href:hover {
  background: #303030 !important;
  }


}




@-moz-document url("https://forum.bg/informer.php?id=4") {


/* фон около джаджа показатели inline css */


html {
    background: #0d4050 !important;
}

body {
    background: #0d4050 !important;
}


}

Според кой абзац в какви моз-документ домейн скоби е трябва да се добави на съответното място към цялата темичка.
Може и като отделна темичка да се тури (в Стайлиш), ама не е препоръчително.
Ако се добавя кодь към тема инсталирана от юзерстайлс вероятно може да е от полза да се преименува темата предварително, че Стайлиш да не я "обнови" до съдържанието преди добавянето.
То и в Стайлиш темичките можело да се ползва повече от едно моз-документ определение, аз сега разбрах.
Последния абзац само съм го турнал за конкретен адрес, то може и без него - само фона около втората джаджа ще бъде сив, а не синьо-зелен.



А някой ден евентуално може би и да наглася очертанията да не се повтарят.

[kypa]

П.П. Една КУРекция трябва - туй:

#quotecontainer a, a:visited {
    color: #cecece !important;
    }

да стане туй:

#quotecontainer a {
    color: #cececе !important;
    }
    
#quotecontainer a:visited {
    color: #cecece !important;
    }

Щот се получава малко интерференция - посетените връзки почват да излизат бели.

[kypa]

Кодец за секцията "покани приятели" и изскачащия прозорец за прикачване на файлове:

/* прикачване на файлове inline css */


#addfiles_container {
	border-bottom: 1px solid #187492 !important;
}

#overlay {
	background: #373737 !important;
}

#help_container {
	border: 1px solid #187492 !important;
}

#help_content {
	background: #373737 !important;
}

#help_content .usagerow1 {
	border-bottom: 1px solid #187492 !important;
}

#help_content .usagerow2 {
	border-bottom: 1px solid #187492 !important;
}

.yui-skin-sam .yui-layout .yui-layout-clip {
	background: #404040 !important;
}
	
#yui-gen4 > div, #yui-gen2 > div, #yui-gen6 > div > div, #yui-gen9 > div {
	border-color: #187492 !important;
}
	
.yui-layout-resize-knob {
	background: #187492 !important;
}
	
.yui-layout-handle-t, .yui-layout-handle-r {
	border-color: #187492 !important;
	background: #0d4050 !important;
}

.asset_category_label {
	background: #0d4050 !important;
}

.dragon {
	border: 1px dotted red !important;
}

.dragbefore {
	border-top: 1px dotted red !important;
}

.dragafter {
	border-bottom: 1px dotted red !important;
}

#quotaattach {
	background:#373737 !important;
	border: 1px outset #187492 !important;
}

#quotaattachsum {
	background: #303030 !important;
}

.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
	background: #373737 !important;
}

.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2,
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd div {
	color:#cecece !important;
	background: #373737 !important;
}

#upload_header {
	color: #f4f4f4 !important;
}

.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-ft {
	background:#373737 !important;
	border-top: 1px solid #187492 !important;
}

.yuimenubaritemlabel-selected {
	background: #0d4050 !important;
}

#pagestats {
	color: #cecece !important;
	border-right: 1px solid #187492 !important;
}

#firstpage, #prevpage, #nextpage, #lastpage {
	color: #cecece !important;
}

#currentpage {
	color: #cecece !important;
}

#upload_controls_container {
	border: 1px solid #187492 !important;
}

#upload_controls_container .upload_controls {
	background: #373737 !important;
}

.popup_title {
	background: #0d4050 !important;
	border-bottom: 1px solid #187492 !important;
}

.closebutton {
	border: 1px solid #187492 !important;
	background: #303030 !important;
	color: red !important;
}
	
.closebutton:hover {
	background: red !important;
	color: black !important;
}

.composite {
	background: #373737 !important;
	border: 1px solid #187492 !important;
}

.asset_div .asset_attach_usage {
	border: 1px solid #187492 !important;
	background: #373737 !important;
	color: blue !important;
}
	
.asset_div .asset_attach_delete {
	border: 1px solid #187492 !important;
	background: #373737 !important;
	color: red !important;
}
	
.asset_div .asset_attach_usage:hover {
	background: blue !important;
	color: black !important;
}

.asset_div .asset_attach_delete:hover {
	background: red !important;
	color: black !important;
}

.asset_div {
	background: #0d4050 !important;
	border: 1px solid #187492 !important;
	border-radius: 5px !important;
}

.asset_div .detailedview .asset_attachment_container {
	border: 1px dotted red !important;
}

.ygtvfocus, .assetclick {
	background: #0d4050 !important;
	color: #cecece !important;
	border: 1px solid #187492 !important;
	border-radius: 5px !important;
	box-shadow: 0px 0px 4px 1px transparent !important;
	transition: all 0.125s !important;	
}

.ygtvfocus:hover, .assetclick:hover {
	background: #187492 !important;
	color: #f4f4f4 !important;
	border: 1px solid #48aedc !important;
	border-radius: 5px !important;
	box-shadow: 0px 0px 4px 1px #48aedc !important;
	transition: all 0.125s !important;
}

.yui_selectfiles_hover {
	background: #0d4050 !important;
	color: #f4f4f4 !important;
}

#uploadprogress_container {
	border: 1px solid #187492 !important;
	background: #0d4050 !important;
}

#uploadprogress_container li {
	border-bottom: solid 1px #187492 !important;
}

#uploadprogress_container .delete button {
	background: #0d4050 !important;
	color: #cecece !important;
	border: 1px solid #187492 !important;
	border-radius: 5px !important;
	box-shadow: 0px 0px 4px 1px transparent !important;
	transition: all 0.125s !important;	
}

#uploadprogress_container .delete button:hover	{
	background: #187492 !important;
	color: #f4f4f4 !important;
	border: 1px solid #48aedc !important;
	border-radius: 5px !important;
	box-shadow: 0px 0px 4px 1px #48aedc !important;
	transition: all 0.125s !important;
}

.uploadprogress_footer	{
	background: #404040 !important;
	border: 1px solid #187492 !important;
}
	
#assetobjcontextmenu > div {
	border: 1px solid #187492 !important;
}
	
#assetobjcontextmenu > div > ul {
	background: #373737 !important;
}
	
.yuimenuitem {
	background: transparent !important;
}

#yui_progressbar_container {
	border: 1px outset #187492 !important;
}

#yui_progressbar {
	background: #0d4050 !important;
}




/* покани приятели inline css */


.adiinviter_table_head_outer {
  background: #0d4050 !important;
  color:#cecece !important;
  border: 1px solid #187492 !important;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.adiinviter_table_body_outer {
  border-top: 0px solid transparent !important;
  background: #373737 !important;
  border-bottom: 1px solid #187492 !important;
  border-left: 1px solid #187492 !important;
  border-right: 1px solid #187492 !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
  
.adiinviter_table_body_outer > table:last-child > tbody > tr > td > hr {
  color: #cecece !important;
  background: #303030 !important;
  border: 1px solid #187492 !important;
  border-radius: 5px !important;  
}

.adiinviter_general_table {
  border: 1px solid #187492 !important;
  border-radius: 5px !important;
  background: #303030 !important;
}

.adiinviter_black_table_head_outer {
  background: #0d4050 !important;
  color: #cecece !important;
  border: 1px solid #187492 !important;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;   
}

.adiinviter_black_table_head_body{
  background: #373737 !important;
  color: #cecece !important;
  border: 1px solid #187492 !important;
  margin-left: 5px;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

И май вече цялата потребителска секция на ФорумЪТ е включена в темичката. Някой ако види бял фон, или нечетлив текст, или нещо друго не както трябва или пък нещо дето да може да се подобри да обажда.
Ако има изобщо хора да я ползват таз темичка де.

[kypa]

Ъпдейт на темичката:
K-2.0.zip
Последните работи събрани на едно място.

И бялото триъгълниче на цитатите е зафиксирано вече:

[kypa]

И розавата темичка:
K-Розавичко.2.0.zip
Турнах я и в ЮзерСтайлса и нея.

И там триъгълничето на цитатите КУРигирано: