Toaster. Userstyle. Update
A few hours ago, the administration announced the revival of the resource "Toaster". But not in the form it was, but by separating the Q & A section from the habr into a separate site. The first thing that caught my eye was the site left to the left. Maybe on laptops will look good, but on my screen you can place 2 such sites.
Without hesitation, I decided to correct the styles for myself, since I visit the section (now the site) almost every day.
Of the changes:
Under the spoiler comparison
')
Excess can be removed, leaving only the centering.
IMPORTANT!
The administration can still make changes both in styles and in the layout, because of which the user style can break. I will track and make edits.
UPD:
The administration made the site display in the center, so my style is no longer relevant. But if you want the panel to be pressed to the left, you still have to use the userstyle. Here I just pressed the panel to the left side of the screen. Well, I also removed the shadow from the footer and commented out the code responsible for the fixed location of the cap.
Without hesitation, I decided to correct the styles for myself, since I visit the section (now the site) almost every day.
Of the changes:
- Fixed location of the site header
- The site is centered, the left panel remains untouched.
- The main part of the site has become wider
- Added transparency to tags, so as not to catch the eye and changed the font to Arial
- Changed the text color in the pop-up window at the tag, made more contrast
- Just a couple of subtle little things
Hidden text
body > .content, body > .footer { margin: 0px auto; padding: 0 !important; width: 1008px !important; } body > .content .header { position: fixed; z-index: 105; } body .main_content { padding-top: 68px; } /* body .main_content .notice, body .main_content, body > .content .left_column, body > .content .header .left_column { margin-left: -68px; } */ body > .content .left_column .inner { width: 726px !important; } body .main_content .tags .tag { background: rgba(180, 188, 204, 0.25) !important; font-family: arial; font-size: 12px; } body .main_content .tags .tag.subscribed { background: rgba(74, 191, 180, 0.25) !important; } .questions_list .questions_list_item:hover .tags .tag.subscribed, .question_show .info .tags .tag.subscribed { background: rgba(74, 191, 180, 0.8) !important; } .questions_list .questions_list_item:hover .tags .tag, .question_show .info .tags .tag { background: rgba(180, 188, 204, 0.8) !important; } body .main_content .tags .tag .tag_popup .popup_inner .item .label { color: #BDD5EE !important; } .tags_list .tags_list_item:hover, .users_list .users_list_item:hover, .tracker_questions_list_item:hover { background: #fdfdfd !important; } .question_show > .info, .answers_block .answers_list .answers_list_item > .info, .questions_list .questions_list_item .info, .answer_form .fields { width: 657px !important; } /* body .main_content .tags .tag { opacity: 0.5; } .questions_list .questions_list_item:hover .tags .tag { opacity: 1; } */ body > .content .left_column { width: 758px !important; } body > .content .right_column { width: 250px !important; } body > .footer { box-shadow: 0px 0px 5px #BBBBBB; } body > .footer a { color: #626B75 !important; } .field-custom-checkbox-group .field-custom-checkbox-group-label { width: 513px !important; } Under the spoiler comparison
Hidden text
')
Excess can be removed, leaving only the centering.
IMPORTANT!
The administration can still make changes both in styles and in the layout, because of which the user style can break. I will track and make edits.
UPD:
The administration made the site display in the center, so my style is no longer relevant. But if you want the panel to be pressed to the left, you still have to use the userstyle. Here I just pressed the panel to the left side of the screen. Well, I also removed the shadow from the footer and commented out the code responsible for the fixed location of the cap.
Hidden text
body > .content, body > .footer { margin: 0px auto; padding: 0 !important; width: 1008px !important; } /*body > .content .header { position: fixed; z-index: 105; } body .main_content { padding-top: 68px; } .question_interest_link_float_container { top: 78px !important; }*/ body .main_content .tags .tag { background: rgba(180, 188, 204, 0.25) !important; font-family: arial; font-size: 12px; } body .main_content .tags .tag.subscribed { background: rgba(74, 191, 180, 0.25) !important; } .questions_list .questions_list_item:hover .tags .tag.subscribed, .question_show .info .tags .tag.subscribed { background: rgba(74, 191, 180, 0.8) !important; } .questions_list .questions_list_item:hover .tags .tag, .question_show .info .tags .tag { background: rgba(180, 188, 204, 0.8) !important; } body .main_content .tags .tag .tag_popup .popup_inner .item .label { color: #BDD5EE !important; } .tags_list .tags_list_item:hover, .users_list .users_list_item:hover, .tracker_questions_list_item:hover { background: #fdfdfd !important; } .question_show > .info, .answers_block .answers_list .answers_list_item > .info, .questions_list .questions_list_item .info, .answer_form .fields { width: 657px !important; } body > .content .left_column { width: 758px !important; } body > .content .right_column { width: 250px !important; } body > .footer a { color: #626B75 !important; } .sidebar { left: 0 !important; padding-left: 0 !important; margin-left: 0 !important; } Source: https://habr.com/ru/post/202000/
All Articles