TeXeR

[url=https://artofproblemsolving.com/community/c66h2414005_release_forumcss]Releases v1.3.0 and earlier[/url]
[hide=Release v1.4.0]
[css]
/**Credits: https://artofproblemsolving.com/community/c66h2410025_an_aops_css and https://artofproblemsolving.com/community/c66h2067759_release_solvecss for the idea, https://artofproblemsolving.com/community/c66 for an actual AoPS forum which I could refer to, reminiscence.css for the avatar fix using attributes idea, [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the above the header idea, SamuraiA for the :hover with ::before and ::after explanation, forester2015 and Facejo for the search button suggestion, Facejo and MinecraftFox for pointing out bugs, Yelly314 for pointing out a coloring issue, WyattB for the idea for the after bookmarking effect, Printrbot for the search widget and entry titles modification, aops-g5-gethsemanea2 for the login/logout suggestion, AndrewC10 for pointing out a bug, pog for pointing out an error, CoolCarsOnTheRun for making the suggestion to put #side on the other side, https://artofproblemsolving.com/community/c1066032, which was gotten from https://artofproblemsolving.com/community/c66h2556490_weird_preview_thing, for the "if person is on main page" thing, and https://artofproblemsolving.com/texer/ for a place to put 40000+ character css codes.**/
/**forum.css?**/
/**Made by Zhaom**/

/**Blog Info (Note: In the wrong place but as the width of the title of the blog can vary, I put it on the opposite side of the header.)**/
#navigation_box>#right_navigation_box{
width:100%;
left:0px;
top:-44px;
}
#navigation_box>#right_navigation_box>.blog-info{
width:100%;
left:0px;
top:0px;
visibility:hidden;
position:absolute;
}
#navigation_box>#right_navigation_box>.blog-info::after{
content:"3";
font-family:AoPS;
color:rgb(218,231,246);
font-size:16px;
position:absolute;
top:78px;
right:calc(7.5% + 85.31px + 10px + 8px + 86.02px);
visibility:visible;
}
#navigation_box>#right_navigation_box>.blog-info:hover::after{
color:white;
}
#post-new-entry-img{
display:none;
}
#post-new-entry{
color:white;
visibility:hidden;
}
#post-new-entry-p{
margin:0px 0px 0px 0px;
position:absolute;
top:0px;
width:85%;
left:7.5%;
}
#post-new-entry::after{
color:rgb(218,231,246) !important;
font-size:15px;
content:"New Topic";
position:absolute;
right:10px;
top:106.75px;
z-index:349857937460254979276895647384673098;
padding-left:16.39px;
visibility:visible;
}
#post-new-entry::before{
color:rgb(218,231,246) !important;
font-size:15px;
content:"V";
font-family:AoPS;
position:absolute;
right:calc(10px + 68.92px + 2px);
top:106.75px;
z-index:349857937460254979276895647384673098;
visibility:visible;
}
#post-new-entry:hover::after{
color:white !important;
border-bottom:1px solid white;
}
#post-new-entry:hover::before{
color:white !important;
}
#wrapper{
width:85%;
padding:0px 0px 0px 0px !important;
border-width:0px 0px 0px 0px !important;
background:none !important;
}
#header{
border-width:0px 0px 0px 0px !important;
height:30px;
background-color:rgb(53,108,181);
font-size:20px;
margin-bottom:74px;
font-family:Roboto,sans-serif;
}
#main{
padding:0px 0px 0px 0px;
width:calc(100% - 260px);
height:100%;
overflow-x:visible;
overflow-y:auto;
border-bottom:2px solid #666666;
float:right;
background-color:white;
}
#side{
float:left;
background:url("https://artofproblemsolving.com/m/community/img/blogs/hyperion/bg.png") repeat-y;
width:260px;
border-right:2px solid #666666;
}
#header>a>h1{
text-align:left !important;
text-decoration:none !important;
color:white !important;
padding-left:10px !important;
font-weight:700;
line-height:28px;
width:fit-content;
}
#header:hover>a>h1{
color:rgb(218,231,246) !important;
}
#navigation_box{
top:72px;
height:26px;
border-bottom:none !important;
background-color:#009fad !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry{
margin-top:0px !important;
border-bottom:1px solid #666666 !important;
padding-bottom:0px !important;
position:relative;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
background-color:transparent !important;
border-width:0px 0px 0px 0px !important;
margin-right:24px !important;
border-right:1px solid #eeeeee !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::after{
content:" ";
position:absolute;
width:1px;
height:calc(100% + 1em);
right:-1px;
top:-0.5em;
background-color:#eeeeee;
}
#search-widget{
position:absolute;
left:calc(7.5% + 12px);
top:145px;
background:transparent;
padding:0px 0px 0px 0px !important;
z-index:1000000;
}
#search-widget>.widget-header,#search-widget>.widget-settings,#search-widget>.widget-footer{
display:none;
}
#search-widget>.widget-content{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform>fieldset{
border-width:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget input.button2{
display:none;
}
.blog-shout-wrapper>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
.blog-tags-wrapper>.cmty-itembox>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}

/**Ok now I'll start comments.**/
/**The following code makes the tags widget get moved to the place where it is in the forums.**/
/**Hiding the "Tags" header.**/
#side>div:nth-child(4) .widget-header{
display:none;
}
/**Basically just repositioning the tags.**/
#side>div:nth-child(4) .widget-content>fieldset.blog-tags-wrapper{
height:64px;
border-width:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:4px 5px 4px 0px;
position:absolute;
top:133px;
left:calc(7.5% + 220px);
width:calc(85% - 220px - 5px);
background-color:#eee;
z-index:1000000;
}
#side>div:nth-child(4) .widget-content>fieldset.blog-tags-wrapper .cmty-itembox{
height:64px;
}
#side>div:nth-child(4) .cmty-itembox-inner-box{
width:calc(100% - 23px);
margin-right:0px !important;
}
/**Getting rid of odd background and making a border.**/
#navigation_box::after{
content:" ";
width:85%;
position:absolute;
top:61px;
height:74px;
left:7.5%;
border-bottom:2px solid #666666;
background-color:white;
}
/**AoPS pattern background thing. Credits: https://artofproblemsolving.com/community/q1h2404405p19704343 and https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png for the background.**/
#page-wrapper{
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
padding-top:103px !important;
}
/**Patching z-index stuff.**/
.aops-modal-mask{
z-index:3498579374602549792768956473846730980 !important;
}
.aops-modal-wrapper{
z-index:3498579374602549792768956473846730981 !important;
}
/**Header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1{
padding:6px 7px 4px 11px !important;
background-color:#666666;
height:55px;
font-size:16px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
color:white !important;
letter-spacing:normal;
}
/**Note: If the tags scrolling bothers you, you can delete this piece of code.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper{
position:absolute;
top:calc(-0.5em - 28px);
left:calc(11px - 0.5em);
margin-top:0px;
height:28px !important;
overflow:auto;
width:calc(100% - 216px);
}
/**Left side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-poll{
margin-left:110px;
position:relative !important;
z-index:1 !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .message{
margin-left:110px;
position:relative !important;
z-index:1 !important;
font-family:Roboto,sans-serif;
}
h2>strong:nth-child(2){
position:absolute;
left:calc(29.8px - 1em - 100px + 7.41px);
top:95px;
z-index:1;
font-style:normal;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) h2{
position:absolute;
left:calc(110px + 1em - 29.8px - 7.41px);
color:#aaaaaa !important;
font-style:italic;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry .entrywrap{
min-height:calc(143px - 1em);
}
.efooter{
position:absolute;
bottom:0px;
}
h2>strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
/**Getting rid of "by , " and the picture before that.**/
h2::before{
content:" ";
position:absolute;
left:0px;
width:37.21px;
height:19px;
background-color:white;
}
/**Moving the contents of the efooter.**/
.efooter ul li a.post-replies{
display:none;
}
.efooter ul li a.post-comment{
visibility:hidden;
}
.efooter ul li a.post-comment::after{
position:absolute;
right:calc(7px - 7.33333333333333333333333px - 24px + 0.5em);
top:calc(-7.33333333333333333333333px - 25px);
content:"Reply";
font-size:15px;
color:#dddddd;
visibility:visible;
padding-left:20.58px;
}
.efooter ul li a.post-comment:hover::after{
border-bottom:1px solid #dddddd;
}
.efooter ul li a.post-comment::before{
position:absolute;
right:calc(7px - 7.33333333333333333333333px + 38.36px + 2px - 24px + 0.5em);
top:calc(-7.33333333333333333333333px - 25px);
content:"N";
font-family:AoPS;
font-size:16px;
color:#dddddd;
visibility:visible;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter{
width:100%;
height:100%;
padding:0.5em;
margin:0.5em;
position:absolute;
left:-0.5em;
top:-0.5em;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
/**Repositioning edit info.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap>.cmty-post-edit-info{
margin-left:110px !important;
position:relative !important;
z-index:1 !important;
width:fit-content;
}
/**Right side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(1){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:-4.33333333333333333333333px;
visibility:visible;
}
/**More header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::before{
content:"X";
font-family:AoPS;
font-size:16px;
color:#dddddd;
position:absolute;
right:calc(7px + 63.94px - 24px + 29.19px + 2px);
top:-32.33333333333333333333333px;
visibility:visible;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::after{
content:"Mod";
font-size:15px;
color:#dddddd;
position:absolute;
right:calc(7px + 63.94px - 24px);
top:-32.33333333333333333333333px;
visibility:visible;
padding-left:19.11px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic:hover::after{
border-bottom:1px solid #dddddd;
}
/**Comments css starts here.**/
/**Hiding a few things and deleting some margins and paddings.**/
#main>#post-new-entry-p~h1:nth-child(5){
display:none;
}
#main>h1:nth-child(4){
display:none;
}
#main>#post-new-entry-p~p:nth-child(3){
display:none;
}
#main>p:nth-child(2){
display:none;
}
#main>h1{
display:none;
}
.comment{
margin-top:0px !important;
overflow:hidden !important;
}
/**Repositioning and resizing commenting box.**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open{
padding-bottom:0px !important;
margin-top:0px !important;
border-top:7px solid #666666 !important;
top:calc(100% - 263px - 47px);
left:calc(7.5% + 260px);
width:calc(85% - 260px);
z-index:1000000;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open::before{
content:"";
position:absolute;
width:calc(100%*20/17 + 260px*20/17);
height:calc(100% - 261px);
min-height:42px;
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
z-index:-1;
top:261px;
right:calc(-300%/34 - 3*260px/34);
}
#main .blog-reply-window.cmty-reply-window{
position:absolute;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container,#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
height:200px;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-post-preview{
border-width:0px;
border-bottom:2px solid #666666 !important;
}
/**Add extra space to the bottom if the commenting box has class .blog-reply-open.**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open~.blog-posts-box::after{
content:"";
display:block;
width:100%;
height:261px;
}
/**Adding more padding to cmty-post-attachments.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-attachments{
padding-left:110px !important;
position:relative !important;
z-index:1 !important;
}
/**Making comments look like posts in forums.**/
.comment{
background-color:white !important;
border-bottom:1px solid #666666 !important;
}
.commentwrap{
min-height:143px;
margin-top:0px !important;
margin-right:24px !Important;
padding-top:calc(0.5em + 17px) !important;
border-right:1px solid #eeeeee !important;
width:auto !important;
overflow:visible !important;
}
.commentwrap .cfooter{
width:100%;
height:100%;
position:absolute;
padding:inherit;
margin:inherit;
left:0px;
bottom:0px;
}
.commentwrap .cfooter .actions{
font-size:12px !important;
color:#aaaaaa !important;
position:absolute;
left:calc(110px - 38.02px + 7.33333333333333333333333px);
top:-6px;
font-style:italic;
}
.commentwrap .cfooter .actions::before{
position:absolute;
left:0px;
top:0px;
height:100%;
content:"";
width:38.02px;
background-color:white;
}
.commentwrap .cfooter .actions .author strong:nth-child(2){
position:absolute;
left:calc(10px - 110px + 38.02px - 7.33333333333333333333333px);
top:98px;
font-style:normal;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
.commentwrap .message,.commentwrap .cmty-post-attachments,.commentwrap .cmty-post-edit-info{
margin-left:110px;
position:relative !important;
z-index:1 !important;
font-family:Roboto,sans-serif;
}
.commentwrap .cfooter .modactions ul li a{
visibility:hidden;
}
.commentwrap .cfooter .modactions ul li a.blog-report-post::after{
content:"Z";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.17px;
top:3px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:25px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-delete-post::after{
content:"J";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-17.25px;
top:47px;
visibility:visible;
}
/**Hiding the "No posts in this blog. Yet!" text.**/
.blog-no-topics{
display:none;
}
/**Post number.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
counter-reset:postnumber;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:-2.33333333333333333333333px;
right:8px;
}
body{
counter-reset:postnumber;
counter-increment:postnumber;
}
.commentwrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:5px;
right:8px;
}
/**Above the header.**/
/**Credits: [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the idea.**/
/**Hiding some things.**/
#right_navigation_box{
visibility:hidden;
}
/**Repositioning left_navigation_box, recoloring it, etc.**/
#left_navigation_box{
position:absolute;
left:7.5%;
font-size:12px !important;
font-weight:700;
color:#cdeef1;
text-transform:uppercase;
line-height:25px;
}
/**Making the top.**/
#navigation_box::before{
content:"";
position:absolute;
width:100%;
height:72px;
background-color:white;
top:-72px;
left:0px;
}
#left_navigation_box::before{
content:"";
position:absolute;
left:30px;
top:-59.4px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:254.17px 46.8px;
height:46.8px;
width:254.17px;
z-index:12;
}
/**Feed overlapping with header bug fix.**/
#feed-wrapper{
z-index:10000000000 !important;
top:70px !important;
}
/**Subscribe button becomes bookmark button.**/
#navigation_box>#right_navigation_box>#blog-subscribe{
width:100%;
top:0px;
left:0px;
position:absolute;
}
#navigation_box>#right_navigation_box>#blog-subscribe::after{
content:"Bookmark";
position:absolute;
right:calc(7.5% + 102.75px);
top:80px;
visibility:visible;
color:rgb(218,231,246);
font-size:15px;
padding-left:11.05px;
padding-bottom:4px;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::after{
content:"Remove" !important;
padding-left:19.56px;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::before{
content:"D" !important;
right:calc(7.5% + 102.75px + 2px + 55.86px) !important;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]~.blog-info::after{
right:calc(7.5% + 85.31px + 10px + 8px + 75.41px + 7.44px);
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::after{
color:white;
border-bottom:1px solid white;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::before{
color:white;
}
#navigation_box>#right_navigation_box>#blog-subscribe::before{
content:"B";
font-family:AoPS;
position:absolute;
right:calc(7.5% + 102.75px + 2px + 67.53px);
top:80px;
visibility:visible;
color:rgb(218,231,246);
font-size:16px;
z-index:1;
}
/**Fixing length of names.**/
h2>strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:black;
}
#right_navigation_box>.blog-logout:hover::before,#right_navigation_box>.blog-login:hover::before{
color:white !important;
}
/**Removing scrollbar from #main.**/
#main::-webkit-scrollbar{
display:none;
}
/**Search widget and entry titles. Credits: Printrbot, slightly modified.**/
#blog_keywords{
border-radius:6px;
}
#search-widget, #search-widget>.widget-content{
width:200px;
height:23px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
font-weight:700;
font-family:Roboto,sans-serif;
width:calc(100% - 78px);
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/**Blog logout.**/
#navigation_box .blog-logout{
visibility:visible;
color:#009fad;
font-size:13px;
font-weight:500;
position:absolute;
right:calc(7.5% + 40px);
font-family:Roboto,sans-serif;
line-height:15px;
top:-20px;
text-transform:uppercase;
padding-right:12.52px;
z-index:11;
height:15px;
}
#navigation_box .blog-logout::after{
content:"SIGN OUT";
position:absolute;
height:2px;
right:0px;
top:21px;
padding:0px;
overflow:hidden;
z-index:11;
width:86.84px;
background-color:white;
pointer-events:none;
}
#navigation_box .blog-logout:hover::after{
height:fit-content;
padding:18px 12px 12px;
display:flex;
top:15px;
width:fit-content;
background-color:transparent;
pointer-events:auto;
}
#navigation_box .blog-logout::before{
content:"LOGOUT";
display:block;
position:absolute;
width:fit-content;
height:15px;
background-color:white;
pointer-events:none;
z-index:384;
left:0px;
color:white;
}
#navigation_box>.clear::after{
content:"S";
font-size:13px;
font-family:AoPS;
position:absolute;
top:-62px;
right:calc(7.5% + 42px);
color:#009fad;
}
#right_navigation_box::after{
content:"";
position:absolute;
right:calc(7.5% + 40px);
top:1px;
height:2px;
width:86.84px;
background-color:#009fad;
visibility:visible;
z-index:10;
}
/**Blog login.**/
#navigation_box .blog-login::before{
content:"";
position:absolute;
width:6.52px;
height:14px;
right:calc(7.5% + 40px);
top:-20px;
background-color:white;
visibility:visible;
z-index:1;
pointer-events:none;
}
#navigation_box .blog-login::after{
content:"SIGN IN/REGISTER";
visibility:visible;
right:calc(7.5% + 40px);
top:-20px;
background-color:white;
z-index:1;
color:#009fad;
font-size:13px;
line-height:15px;
position:absolute;
pointer-events:auto;
}
#navigation_box .blog-login:hover::after{
text-decoration:underline;
}
#navigation_box .blog-login{
position:absolute;
width:100%;
background-color:white;
left:0px;
z-index:11;
visibility:visible;
pointer-events:none;
}
/**Everything in aops-modal-wrapper.**/
.aops-modal-frame{
border-width:0px;
padding:6px;
box-shadow:none;
}
.aops-modal-content-wrapper{
box-shadow:none;
}
.aops-modal-standard .aops-modal-footer,.aops-modal-plain-body .aops-modal-footer{
background-color:transparent;
}
.btn-primary{
background-color:#1b365d;
font-family:Roboto,sans-serif;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.btn-active,.open .dropdown-toggle.btn-primary{
background-color:#135b7b;
border-color:#135b7b;
}
.aops-close-x{
right:-6px;
top:-4px;
font-size:20px;
border-radius:0px;
background-color:transparent;
color:#1b365d;
padding-top:0px;
}
.aops-close-x:hover{
color:#009fad !important;
}
#login-form .info{
background-color:transparent;
color:transparent;
}
#login-form .info::before{
content:"";
display:inline-block;
width:200px;
height:36.8281px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:100% auto;
vertical-align:middle;
position:relative;
left:89.2969px;
}
#login-form .info::after{
content:"Sign In";
font-size:30px;
color:#1a355d;
position:absolute;
vertical-align:middle;
left:calc(99.2969px + 208px);
}
#login-form-links{
background-color:transparent;
}
#login-form-links>p:first-child{
display:none;
}
.aops-modal-content-wrapper>.aops-scroll-outer{
box-shadow:none;
}
.cmty-posting-modal .aops-close-x{
right:2px;
top:6px;
color:white;
}
/**Editing left_navigation_box links.**/
#left_navigation_box>a{
color:#cdeef1;
font-family:Roboto,sans-serif;
line-height:28px;
font-size:12px;
}
#left_navigation_box>a:hover{
text-decoration:underline;
}
#left_navigation_box>a:last-child{
color:white;
pointer-events:none;
}
/**Scrollable side.**/
#side{
height:100%;
border-bottom:2px solid #666666;
overflow-y:auto;
}
/**Succession of height:100%;s to prevent white space.**/
html.svg{
height:100%;
}
html.svg>body.community{
height:100%;
}
html.svg>body.community>#page-wrapper{
height:100%;
}
html.svg>body.community>#page-wrapper>#wrapper{
height:100%;
}
/**Slightly different height.**/
#content{
height:calc(100% - 151px);
}
/**Footer.**/
#wrapper::before{
content:"";
position:absolute;
width:100%;
height:42px;
left:0px;
bottom:0px;
background-color:#1b365d;
}
#wrapper::after{
content:"";
position:absolute;
left:calc(7.5% + 30px);
bottom:12px;
width:119.47px;
height:22px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online-footer.svg");
background-size:119.47px 22px;
}
.aops-modal-standard .aops-modal-title,.aops-modal-plain-body .aops-modal-title{
background-color:transparent;
}
/**Main page stuff. (Credits: https://artofproblemsolving.com/community/c1066032.)**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter{
display:none;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2{
color:rgb(53, 108, 181) !important;
position:absolute;
z-index:1;
left:calc(70% + 3px);
font-size:12px;
padding-left:5.32px;
padding-right:12px;
display:flex;
flex-direction:column;
line-height:12px;
top:0px;
padding-top:33px;
margin-top:7px;
border-left:1px solid #aaaaaa;
height:calc(100% - 14px);
width:calc(30% - 3px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong{
left:12px;
top:40px;
font-weight:normal;
font-style:italic;
width:calc(100% - 24px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a{
color:rgb(53, 108, 181) !important;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a::before{
width:40px;
height:40px;
background-size:40px 40px;
top:-40px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry{
border-width:0px;
padding:0px;
margin:0px;
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type{
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::before{
content:"Topic";
display:block;
line-height:16px;
font-size:12px;
color:#999;
background-color:#eeeeee;
padding-left:10px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
height:20px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::after{
content:"First Poster";
display:block;
position:absolute;
line-height:16px;
font-size:12px;
color:#999;
height:16px;
padding:0px 12px;
width:calc(30% - 3px);
left:calc(70% + 3px);
border-left:1px solid #aaaaaa;
top:2px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap{
margin:0px;
border-width:0px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
background-color:#eaeaea;
height:113px;
padding:5px 0 5px 10px;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap:hover{
background-color:rgb(236,243,250);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>*{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.message{
display:block !important;
height:105px;
padding-top:17px;
overflow:hidden;
width:56%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter{
display:block !important;
position:absolute;
visibility:hidden;
top:0px;
left:0px;
width:100%;
height:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter a{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter *{
padding:0px !important;
margin:0px !important;
border-width:0px !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1{
position:absolute;
z-index:1;
overflow:visible;
padding:0px;
width:calc(100% - 10px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::before{
background-color:#eaeaea;
width:100%;
height:25px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::before{
background-color:rgb(236,243,250);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::after{
content:"";
background-color:#eaeaea;
position:absolute;
width:6.68px;
height:12px;
top:58px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::after{
background-color:rgb(236,243,250);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1>a{
position:absolute;
max-width:63%;
font-size:16px;
line-height:16px;
height:17px;
overflow:hidden;
top:7px;
left:10px;
text-overflow:ellipsis;
white-space:nowrap;
width:63%;
font-weight:normal;
}
/**Post count add-on.**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies{
display:block !important;
position:absolute;
right:calc(30% + 1px);
top:17px;
font-size:12px;
color:#aaa;
text-decoration:none !important;
visibility:visible;
height:calc(100% - 17px);
width:100%;
text-align:right;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::before{
content:"x";
font-family:AoPS;
font-size:11px;
color:#aaa;
position:absolute;
right:55.03px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::after{
content:"";
position:absolute;
width:100%;
height:calc(100% + 21px);
right:calc(-30% - 1px);
top:-19px;
z-index:100;
}
#main>div:not(.blog-posts-box):last-child::after{
content:"No more topics!";
font-size:15px;
color:#333333;
padding:5px;
}
/**Fixing letter spacing in h1.**/
h1{
letter-spacing:0px;
}
/**AVATAR FIX (Credits: reminiscence.css.)**/
h2>strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
[/css]
[/hide]
[hide=Release v1.4.1]
[css]
/**Credits: https://artofproblemsolving.com/community/c66h2410025_an_aops_css and https://artofproblemsolving.com/community/c66h2067759_release_solvecss for the idea, https://artofproblemsolving.com/community/c66 for an actual AoPS forum which I could refer to, reminiscence.css for the avatar fix using attributes idea, [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the above the header idea, SamuraiA for the :hover with ::before and ::after explanation, forester2015 and Facejo for the search button suggestion, Facejo and MinecraftFox for pointing out bugs, Yelly314 for pointing out a coloring issue, WyattB for the idea for the after bookmarking effect, Printrbot for the search widget and entry titles modification, aops-g5-gethsemanea2 for the login/logout suggestion, AndrewC10 for pointing out a bug, pog for pointing out an error, CoolCarsOnTheRun for making the suggestion to put #side on the other side, https://artofproblemsolving.com/community/c1066032, which was gotten from https://artofproblemsolving.com/community/c66h2556490_weird_preview_thing, for the "if person is on main page" thing, and https://artofproblemsolving.com/texer/ for a place to put 40000+ character css codes.**/
/**forum.css?**/
/**Made by Zhaom**/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/**Variables**/
:root{
--primarycolor:rgb(53,108,181);
--secondarycolor:rgb(218,231,246);
--entryhoverbackgroundcolor:rgb(236,243,250);
--titlelength:111.05px;
}
/**Blog Info (Note: In the wrong place but as the width of the title of the blog can vary, I put it on the opposite side of the header.)**/
#navigation_box>#right_navigation_box{
width:100%;
left:0px;
top:-44px;
}
#navigation_box>#right_navigation_box>.blog-info{
width:100%;
left:0px;
top:0px;
visibility:hidden;
position:absolute;
}
#navigation_box>#right_navigation_box>.blog-info::after{
content:"3";
font-family:AoPS;
color:var(--secondarycolor);
font-size:16px;
position:absolute;
top:76px;
left:calc(7.5% + var(--titlelength) + 6px);
visibility:visible;
line-height:22px;
}
#navigation_box>#right_navigation_box>.blog-info:hover::after{
color:white;
}
#post-new-entry-img{
display:none;
}
#post-new-entry{
color:white;
visibility:hidden;
}
#post-new-entry-p{
margin:0px 0px 0px 0px;
position:absolute;
top:0px;
width:85%;
left:7.5%;
}
#post-new-entry::after{
color:var(--secondarycolor) !important;
font-size:15px;
content:"New Topic";
position:absolute;
right:10px;
top:102.75px;
z-index:349857937460254979276895647384673098;
padding-left:17.34px;
visibility:visible;
font-family:"Roboto",sans-serif;
padding-top:6px;
}
#post-new-entry::before{
color:var(--secondarycolor) !important;
font-size:16px;
content:"V";
font-family:AoPS;
position:absolute;
right:calc(10px + 70.03px + 2px);
top:107.75px;
z-index:349857937460254979276895647384673098;
visibility:visible;
}
#post-new-entry:hover::after{
color:white !important;
border-bottom:1px solid white;
}
#post-new-entry:hover::before{
color:white !important;
}
#wrapper{
width:85%;
padding:0px 0px 0px 0px !important;
border-width:0px 0px 0px 0px !important;
background:none !important;
}
#header{
border-width:0px 0px 0px 0px !important;
height:30px;
background-color:var(--primarycolor);
font-size:20px;
margin-bottom:74px;
font-family:Roboto,sans-serif;
}
#main{
padding:0px;
width:calc(100% - 223px);
height:100%;
overflow-y:auto;
border-bottom:3px solid #666666;
float:right;
background-color:white;
display:flex;
flex-direction:column;
border-top:1px solid #666666;
}
#side{
float:left;
background:url("https://artofproblemsolving.com/m/community/img/blogs/hyperion/bg.png") repeat-y;
width:223px;
border-right:3px solid #666666;
}
#header>a>h1{
text-align:left !important;
text-decoration:none !important;
color:white !important;
padding-left:10px !important;
font-weight:700;
line-height:31px;
width:fit-content;
font-size:20px;
}
#header:hover>a>h1{
color:var(--secondarycolor) !important;
}
#navigation_box{
top:72px;
height:26px;
border-bottom:none !important;
background-color:#009fad !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry{
margin-top:0px !important;
border-bottom:1px solid #666666 !important;
padding-bottom:0px !important;
position:relative;
border-right:3px solid #666666;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
background-color:transparent !important;
border-width:0px 0px 0px 0px !important;
margin-right:24px !important;
border-right:1px solid #eeeeee !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::after{
content:" ";
position:absolute;
width:1px;
height:calc(100% + 1em);
right:-1px;
top:-0.5em;
background-color:#eeeeee;
}
#search-widget{
position:absolute;
left:calc(7.5% + 12px);
top:145px;
background:transparent;
padding:0px 0px 0px 0px !important;
z-index:1000000;
}
#search-widget>.widget-header,#search-widget>.widget-settings,#search-widget>.widget-footer{
display:none;
}
#search-widget>.widget-content{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform>fieldset{
border-width:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget input.button2{
display:none;
}
.blog-shout-wrapper>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
.blog-tags-wrapper>.cmty-itembox>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}

/**Ok now I'll start comments.**/
/**The following code makes the tags widget get moved to the place where it is in the forums.**/
/**Hiding the "Tags" header.**/
#side>div:not(.block):not(.widget) .widget-header{
display:none;
}
/**Basically just repositioning the tags.**/
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper{
height:64px;
border-width:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:4px 5px 4px 0px;
position:absolute;
top:133px;
left:calc(7.5% + 220px);
width:calc(85% - 220px - 5px);
background-color:#eee;
z-index:1000000;
}
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper .cmty-itembox{
height:64px;
}
#side>div:not(.block):not(.widget) .cmty-itembox-inner-box{
width:calc(100% - 23px);
margin-right:0px !important;
}
/**Getting rid of odd background and making a border.**/
#navigation_box::after{
content:" ";
width:85%;
position:absolute;
top:61px;
height:74px;
left:7.5%;
border-bottom:2px solid #666666;
background-color:white;
}
/**AoPS pattern background thing. Credits: https://artofproblemsolving.com/community/q1h2404405p19704343 and https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png for the background.**/
#page-wrapper{
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
padding-top:103px !important;
background-position:0px calc(100% - 42px);
}
/**Patching z-index stuff.**/
.aops-modal-mask{
z-index:3498579374602549792768956473846730980 !important;
}
.aops-modal-wrapper{
z-index:3498579374602549792768956473846730981 !important;
}
/**Header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1{
padding:6px 7px 4px 11px !important;
background-color:#666666;
height:55px;
font-size:16px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
color:white !important;
letter-spacing:normal;
}
/**Note: If the tags scrolling bothers you, you can delete this piece of code.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper{
position:absolute;
top:calc(-0.5em - 28px);
left:calc(11px - 0.5em);
margin-top:0px;
height:28px !important;
overflow:auto;
width:calc(100% - 216px);
}
/**Left side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-poll{
margin-left:110px;
position:relative !important;
z-index:1 !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .message{
margin-left:110px;
position:relative !important;
z-index:1001 !important;
font-family:Roboto,sans-serif;
overflow:visible;
}
h2>strong:nth-child(2){
position:absolute;
left:calc(29.8px - 1em - 100px + 7.41px);
top:95px;
z-index:1;
font-style:normal;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) h2{
position:absolute;
left:calc(110px + 1em - 29.8px - 7.41px);
color:#aaaaaa !important;
font-style:italic;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry .entrywrap{
min-height:calc(143px - 1em);
}
.efooter{
position:absolute;
bottom:0px;
}
h2>strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
/**Getting rid of "by , " and the picture before that.**/
h2::before{
content:" ";
position:absolute;
left:0px;
width:37.21px;
height:19px;
background-color:white;
}
/**Moving the contents of the efooter.**/
.efooter ul li a.post-replies{
display:none;
}
.efooter ul li a.post-comment{
visibility:hidden;
}
.efooter ul li a.post-comment::after{
position:absolute;
right:calc(7px - 7.33333333333333333333333px - 24px + 0.5em);
top:calc(-7.33333333333333333333333px - 25px);
content:"Reply";
font-size:15px;
color:#dddddd;
visibility:visible;
padding-left:20.58px;
}
.efooter ul li a.post-comment:hover::after{
border-bottom:1px solid #dddddd;
}
.efooter ul li a.post-comment::before{
position:absolute;
right:calc(7px - 7.33333333333333333333333px + 38.36px + 2px - 24px + 0.5em);
top:calc(-7.33333333333333333333333px - 25px);
content:"N";
font-family:AoPS;
font-size:16px;
color:#dddddd;
visibility:visible;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter{
width:100%;
height:100%;
padding:0.5em;
margin:0.5em;
position:absolute;
left:-0.5em;
top:-0.5em;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
/**Repositioning edit info.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap>.cmty-post-edit-info{
margin-left:110px !important;
position:relative !important;
z-index:1 !important;
width:fit-content;
}
/**Right side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(1){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:-4.33333333333333333333333px;
visibility:visible;
}
/**More header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::before{
content:"X";
font-family:AoPS;
font-size:16px;
color:#dddddd;
position:absolute;
right:calc(7px + 63.94px - 24px + 29.19px + 2px);
top:-32.33333333333333333333333px;
visibility:visible;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::after{
content:"Mod";
font-size:15px;
color:#dddddd;
position:absolute;
right:calc(7px + 63.94px - 24px);
top:-32.33333333333333333333333px;
visibility:visible;
padding-left:19.11px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic:hover::after{
border-bottom:1px solid #dddddd;
}
/**Comments css starts here.**/
/**Hiding a few things and deleting some margins and paddings.**/
.comment{
margin-top:0px !important;
overflow:hidden !important;
}
/**Repositioning and resizing commenting box.**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open{
padding-bottom:0px !important;
margin-top:0px !important;
border-top:7px solid #666666 !important;
top:calc(100% - 266px - 47px);
left:calc(7.5% + 220px);
width:calc(85% - 220px);
z-index:1000000;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ{
border-left:3px solid #666666 !Important;
border-right:3px solid #666666 !important;
border-bottom:5px solid #666666 !important;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open::before{
content:"";
position:absolute;
width:calc(100%*20/17 + 220px*20/17);
height:calc(100% - 264px);
min-height:42px;
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
z-index:-1;
top:264px;
right:calc(-300%/34 - 3*220px/34);
}
#main .blog-reply-window.cmty-reply-window{
position:absolute;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container,#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
height:200px;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-post-preview{
border-width:0px;
}
/**Adding a border to the right of the commenting box.**/
.blog-posts-box{
border-right:3px solid #666666;
}
/**Add extra space to the bottom if the commenting box has class .blog-reply-open.**/
#main>.blog-reply-window.cmty-reply-window.blog-reply-open~h1{
border-bottom:235px solid #666666;
flex:0 0 237px;
box-shadow:0px 28px #666666;
}
/**Adding more padding to cmty-post-attachments.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-attachments{
padding-left:110px !important;
position:relative !important;
z-index:1 !important;
}
/**Making comments look like posts in forums.**/
.comment{
background-color:white !important;
border-bottom:1px solid #666666 !important;
}
.commentwrap{
min-height:143px;
margin-top:0px !important;
margin-right:24px !Important;
padding-top:calc(0.5em + 17px) !important;
border-right:1px solid #eeeeee !important;
width:auto !important;
overflow:visible !important;
}
.commentwrap .cfooter{
width:100%;
height:100%;
position:absolute;
padding:inherit;
margin:inherit;
left:0px;
bottom:0px;
}
.commentwrap .cfooter .actions{
font-size:12px !important;
color:#aaaaaa !important;
position:absolute;
left:calc(110px - 38.02px + 7.33333333333333333333333px);
top:-6px;
font-style:italic;
}
.commentwrap .cfooter .actions::before{
position:absolute;
left:0px;
top:0px;
height:100%;
content:"";
width:38.02px;
background-color:white;
}
.commentwrap .cfooter .actions .author strong:nth-child(2){
position:absolute;
left:calc(10px - 110px + 38.02px - 7.33333333333333333333333px);
top:98px;
font-style:normal;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
.commentwrap .message,.commentwrap .cmty-post-attachments,.commentwrap .cmty-post-edit-info{
margin-left:110px;
position:relative !important;
z-index:1 !important;
font-family:Roboto,sans-serif;
}
.commentwrap .cfooter .modactions ul li a{
visibility:hidden;
}
.commentwrap .cfooter .modactions ul li a.blog-report-post::after{
content:"Z";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.17px;
top:3px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:25px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-delete-post::after{
content:"J";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-17.25px;
top:47px;
visibility:visible;
}
/**Hiding the "No posts in this blog. Yet!" text.**/
.blog-no-topics{
display:none;
}
/**Post number.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
counter-reset:postnumber;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:-2.33333333333333333333333px;
right:8px;
}
body{
counter-reset:postnumber;
counter-increment:postnumber;
}
.commentwrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:5px;
right:8px;
}
/**Above the header.**/
/**Credits: [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the idea.**/
/**Hiding some things.**/
#right_navigation_box{
visibility:hidden;
}
/**Repositioning left_navigation_box, recoloring it, etc.**/
#left_navigation_box{
position:absolute;
left:7.5%;
font-size:12px !important;
font-weight:700;
color:#cdeef1;
text-transform:uppercase;
line-height:25px;
}
/**Making the top.**/
#navigation_box::before{
content:"";
position:absolute;
width:100%;
height:72px;
background-color:white;
top:-72px;
left:0px;
}
#left_navigation_box::before{
content:"";
position:absolute;
left:30px;
top:-59.4px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:254.17px 46.8px;
height:46.8px;
width:254.17px;
z-index:12;
}
/**Feed overlapping with header bug fix.**/
#feed-wrapper{
z-index:10000000000 !important;
top:70px !important;
}
/**Subscribe button becomes bookmark button.**/
#navigation_box>#right_navigation_box>#blog-subscribe{
width:100%;
top:0px;
left:0px;
position:absolute;
}
#navigation_box>#right_navigation_box>#blog-subscribe::after{
content:"Bookmark";
position:absolute;
right:calc(7.5% + 110.25px);
top:80px;
visibility:visible;
color:var(--secondarycolor);
font-size:15px;
padding-left:11.05px;
line-height:18px;
font-family:"Roboto",sans-serif;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::after{
content:"Remove" !important;
padding-left:19.56px;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::before{
content:"D" !important;
right:calc(7.5% + 110.25px + 2px + 53.91px) !important;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::after{
color:white;
border-bottom:1px solid white;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::before{
color:white;
}
#navigation_box>#right_navigation_box>#blog-subscribe::before{
content:"B";
font-family:AoPS;
position:absolute;
right:calc(7.5% + 110.25px + 2px + 68.05px);
top:81px;
visibility:visible;
color:var(--secondarycolor);
font-size:16px;
z-index:1;
line-height:16px;
width:1234px;
pointer-events:none;
}
/**Fixing length of names.**/
h2>strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:black;
}
#right_navigation_box>.blog-logout:hover::before,#right_navigation_box>.blog-login:hover::before{
color:white !important;
}
/**Removing scrollbar from #main.**/
#main::-webkit-scrollbar{
display:none;
}
/**Search widget and entry titles. Credits: Printrbot, slightly modified.**/
#blog_keywords{
border-radius:6px;
}
#search-widget, #search-widget>.widget-content{
width:200px;
height:23px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
font-weight:700;
font-family:Roboto,sans-serif;
width:calc(100% - 78px);
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/**Blog logout.**/
#navigation_box .blog-logout{
visibility:visible;
color:#009fad;
font-size:13px;
font-weight:500;
position:absolute;
right:calc(7.5% + 40px);
font-family:Roboto,sans-serif;
line-height:15px;
top:-20px;
text-transform:uppercase;
padding-right:12.52px;
z-index:11;
height:15px;
}
#navigation_box .blog-logout::after{
content:"SIGN OUT";
position:absolute;
height:2px;
right:0px;
top:21px;
padding:0px;
overflow:hidden;
z-index:11;
width:86.84px;
background-color:white;
pointer-events:none;
}
#navigation_box .blog-logout:hover::after{
height:fit-content;
padding:18px 12px 12px;
display:flex;
top:15px;
width:fit-content;
background-color:transparent;
pointer-events:auto;
}
#navigation_box .blog-logout::before{
content:"LOGOUT";
display:block;
position:absolute;
width:fit-content;
height:15px;
background-color:white;
pointer-events:none;
z-index:384;
left:0px;
color:white;
}
#navigation_box>.clear::after{
content:"S";
font-size:13px;
font-family:AoPS;
position:absolute;
top:-62px;
right:calc(7.5% + 42px);
color:#009fad;
}
#right_navigation_box::after{
content:"";
position:absolute;
right:calc(7.5% + 40px);
top:1px;
height:2px;
width:86.84px;
background-color:#009fad;
visibility:visible;
z-index:10;
}
/**Blog login.**/
#navigation_box .blog-login::before{
content:"";
position:absolute;
width:6.52px;
height:14px;
right:calc(7.5% + 40px);
top:-20px;
background-color:white;
visibility:visible;
z-index:1;
pointer-events:none;
}
#navigation_box .blog-login::after{
content:"SIGN IN/REGISTER";
visibility:visible;
right:calc(7.5% + 40px);
top:-20px;
background-color:white;
z-index:1;
color:#009fad;
font-size:13px;
line-height:15px;
position:absolute;
pointer-events:auto;
}
#navigation_box .blog-login:hover::after{
text-decoration:underline;
}
#navigation_box .blog-login{
position:absolute;
width:100%;
background-color:white;
left:0px;
z-index:11;
visibility:visible;
pointer-events:none;
}
/**Everything in aops-modal-wrapper.**/
.aops-modal-frame{
border-width:0px;
padding:6px;
box-shadow:none;
}
.aops-modal-content-wrapper{
box-shadow:none;
}
.aops-modal-standard .aops-modal-footer,.aops-modal-plain-body .aops-modal-footer{
background-color:transparent;
}
.btn-primary{
background-color:#1b365d;
font-family:Roboto,sans-serif;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.btn-active,.open .dropdown-toggle.btn-primary{
background-color:#135b7b;
border-color:#135b7b;
}
.aops-close-x{
right:-6px;
top:-4px;
font-size:20px;
border-radius:0px;
background-color:transparent;
color:#1b365d;
padding-top:0px;
}
.aops-close-x:hover{
color:#009fad !important;
}
#login-form .info{
background-color:transparent;
color:transparent;
}
#login-form .info::before{
content:"";
display:inline-block;
width:200px;
height:36.8281px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:100% auto;
vertical-align:middle;
position:relative;
left:89.2969px;
}
#login-form .info::after{
content:"Sign In";
font-size:30px;
color:#1a355d;
position:absolute;
vertical-align:middle;
left:calc(99.2969px + 208px);
}
#login-form-links{
background-color:transparent;
}
#login-form-links>p:first-child{
display:none;
}
.aops-modal-content-wrapper>.aops-scroll-outer{
box-shadow:none;
}
.cmty-posting-modal .aops-close-x{
right:2px;
top:6px;
color:white;
}
/**Editing left_navigation_box links.**/
#left_navigation_box>a{
color:#cdeef1;
font-family:Roboto,sans-serif;
line-height:28px;
font-size:12px;
}
#left_navigation_box>a:hover{
text-decoration:underline;
}
#left_navigation_box>a:last-child{
color:white;
pointer-events:none;
}
/**Scrollable side.**/
#side{
height:100%;
border-bottom:2px solid #666666;
overflow-y:auto;
}
/**Succession of height:100%;s to prevent white space.**/
html.svg{
height:100%;
border-top:35px solid #dddddd;
}
html.svg>body.community{
height:100%;
position:relative;
}
html.svg>body.community>#page-wrapper{
height:100%;
}
html.svg>body.community>#page-wrapper>#wrapper{
height:100%;
}
/**Slightly different height.**/
#content{
height:calc(100% - 151px);
}
/**Footer.**/
#wrapper::before{
content:"";
position:absolute;
width:100%;
height:42px;
left:0px;
bottom:0px;
background-color:#1b365d;
}
#wrapper::after{
content:"";
position:absolute;
left:calc(7.5% + 30px);
bottom:12px;
width:119.47px;
height:22px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online-footer.svg");
background-size:119.47px 22px;
}
.aops-modal-standard .aops-modal-title,.aops-modal-plain-body .aops-modal-title{
background-color:transparent;
}
/**Main page stuff. (Credits: https://artofproblemsolving.com/community/c1066032.)**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter{
display:none;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2{
color:rgb(53, 108, 181) !important;
position:absolute;
z-index:1;
left:calc(70% + 3px);
font-size:12px;
padding-left:5.32px;
padding-right:12px;
display:flex;
flex-direction:column;
line-height:12px;
top:0px;
padding-top:33px;
margin-top:7px;
border-left:1px solid #aaaaaa;
height:calc(100% - 14px);
width:calc(30% - 3px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong{
left:12px;
top:40px;
font-weight:normal;
font-style:italic;
width:calc(100% - 24px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a{
color:rgb(53, 108, 181) !important;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a::before{
width:40px;
height:40px;
background-size:40px 40px;
top:-40px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry{
border-width:0px;
padding:0px;
margin:0px;
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type{
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::before{
content:"Topic";
display:block;
line-height:16px;
font-size:12px;
color:#999;
background-color:#eeeeee;
padding-left:10px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
height:20px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::after{
content:"First Poster";
display:block;
position:absolute;
line-height:16px;
font-size:12px;
color:#999;
height:16px;
padding:0px 12px;
width:calc(30% - 3px);
left:calc(70% + 3px);
border-left:1px solid #aaaaaa;
top:2px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap{
margin:0px;
border-width:0px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
background-color:#eaeaea;
height:113px;
padding:5px 0 5px 10px;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap:hover{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>*{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.message{
display:block !important;
height:105px;
padding-top:17px;
overflow:hidden;
width:56%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter{
display:block !important;
position:absolute;
visibility:hidden;
top:0px;
left:0px;
width:100%;
height:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter a{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter *{
padding:0px !important;
margin:0px !important;
border-width:0px !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1{
position:absolute;
z-index:1;
overflow:visible;
padding:0px;
width:calc(100% - 10px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::before{
background-color:#eaeaea;
width:100%;
height:25px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::before{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::after{
content:"";
background-color:#eaeaea;
position:absolute;
width:6.68px;
height:12px;
top:58px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::after{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1>a{
position:absolute;
max-width:63%;
font-size:16px;
line-height:16px;
height:17px;
overflow:hidden;
top:7px;
left:10px;
text-overflow:ellipsis;
white-space:nowrap;
width:63%;
font-weight:normal;
color:var(--primarycolor);
}
/**Post count add-on.**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies{
display:block !important;
position:absolute;
right:calc(30% + 1px);
top:17px;
font-size:12px;
color:#aaa;
text-decoration:none !important;
visibility:visible;
height:calc(100% - 17px);
width:100%;
text-align:right;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::before{
content:"x";
font-family:AoPS;
font-size:11px;
color:#aaa;
position:absolute;
right:55.03px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::after{
content:"";
position:absolute;
width:100%;
height:calc(100% + 21px);
right:calc(-30% - 1px);
top:-19px;
z-index:100;
}
#main>div:not(.blog-posts-box):last-child::after{
content:"No more topics!";
font-size:15px;
color:#333333;
padding:5px;
display:block;
}
/**Fixing letter spacing in h1.**/
h1{
letter-spacing:0px;
}
/**Shouts.**/
#message{
width:calc(100% - 4px);
}
#shouts-widget>.widget-content>.blog-shout-wrapper{
min-width:0px;
}
/**The "Quick Reply" button.**/
#main>h1{
order:1;
font-size:0px;
flex:0 0 2px;
background:linear-gradient(90deg,#555555 calc(100% - 3px),#666666 calc(100% - 3px));
}
#main>p:not(:first-child){
order:2;
display:block;
flex:1 0 28px;
background-color:#666666;
padding:4px 7px 2px 4px;
margin:0px;
position:relative;
}
#main>p:not(:first-child)>.blog-post-comment{
display:block;
height:18px;
border-radius:6px;
font-size:0px;
position:relative;
z-index:1;
}
#main>p:not(:first-child)::before{
content:"N";
font-family:AoPS;
font-size:12px;
line-height:18px;
position:absolute;
border-radius:6px;
background-color:white;
width:calc(100% - 11px);
padding-left:6px;
color:#aaaaaa;
}
#main>p:not(:first-child)::after{
content:"Quick Reply";
font-family:Roboto,sans-serif;
font-style:italic;
font-size:12px;
line-height:18px;
position:absolute;
left:23.52px;
top:4px;
color:#aaaaaa;
}
/**Tags.**/
.cmty-item-tag{
background-color:var(--primarycolor) !important;
color:white !important;
}
.cmty-item-tag:hover{
background-color:var(--secondarycolor) !important;
color:var(--primarycolor) !important;
}
/**AVATAR FIX (Credits: reminiscence.css.)**/
h2>strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
[/css]
[/hide]
[hide=Release v1.4.1 bug fix 1]
[css]
/**Credits: https://artofproblemsolving.com/community/c66h2410025_an_aops_css and https://artofproblemsolving.com/community/c66h2067759_release_solvecss for the idea, https://artofproblemsolving.com/community/c66 for an actual AoPS forum which I could refer to, reminiscence.css for the avatar fix using attributes idea, [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the above the header idea, SamuraiA for the :hover with ::before and ::after explanation, forester2015 and Facejo for the search button suggestion, Facejo and MinecraftFox for pointing out bugs, Yelly314 for pointing out a coloring issue, WyattB for the idea for the after bookmarking effect, Printrbot for the search widget and entry titles modification, aops-g5-gethsemanea2 for the login/logout suggestion, AndrewC10 for pointing out a bug, pog for pointing out an error, CoolCarsOnTheRun for making the suggestion to put #side on the other side, https://artofproblemsolving.com/community/c1066032, which was gotten from https://artofproblemsolving.com/community/c66h2556490_weird_preview_thing, for the "if person is on main page" thing, and https://artofproblemsolving.com/texer/ for a place to put 40000+ character css codes.**/
/**forum.css?**/
/**Made by Zhaom**/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/**Variables**/
:root{
--primarycolor:rgb(53,108,181);
--secondarycolor:rgb(218,231,246);
--entryhoverbackgroundcolor:rgb(236,243,250);
--titlelength:111.05px;
}
/**Blog Info (Note: In the wrong place but as the width of the title of the blog can vary, I put it on the opposite side of the header.)**/
#navigation_box>#right_navigation_box{
width:100%;
left:0px;
top:-44px;
}
#navigation_box>#right_navigation_box>.blog-info{
width:100%;
left:0px;
top:0px;
visibility:hidden;
position:absolute;
}
#navigation_box>#right_navigation_box>.blog-info::after{
content:"3";
font-family:AoPS;
color:var(--secondarycolor);
font-size:16px;
position:absolute;
top:76px;
left:calc(7.5% + var(--titlelength) + 6px);
visibility:visible;
line-height:22px;
}
#navigation_box>#right_navigation_box>.blog-info:hover::after{
color:white;
}
#post-new-entry-img{
display:none;
}
#post-new-entry{
color:white;
visibility:hidden;
}
#post-new-entry-p{
margin:0px 0px 0px 0px;
position:absolute;
top:0px;
width:85%;
left:7.5%;
}
#post-new-entry::after{
color:var(--secondarycolor) !important;
font-size:15px;
content:"New Topic";
position:absolute;
right:10px;
top:102.75px;
z-index:349857937460254979276895647384673098;
padding-left:17.34px;
visibility:visible;
font-family:"Roboto",sans-serif;
padding-top:6px;
}
#post-new-entry::before{
color:var(--secondarycolor) !important;
font-size:16px;
content:"V";
font-family:AoPS;
position:absolute;
right:calc(10px + 70.03px + 2px);
top:107.75px;
z-index:349857937460254979276895647384673098;
visibility:visible;
}
#post-new-entry:hover::after{
color:white !important;
border-bottom:1px solid white;
}
#post-new-entry:hover::before{
color:white !important;
}
#wrapper{
width:85%;
padding:0px 0px 0px 0px !important;
border-width:0px 0px 0px 0px !important;
background:none !important;
}
#header{
border-width:0px 0px 0px 0px !important;
height:30px;
background-color:var(--primarycolor);
font-size:20px;
margin-bottom:74px;
font-family:Roboto,sans-serif;
}
#main{
padding:0px;
width:calc(100% - 223px);
height:100%;
overflow-y:auto;
border-bottom:3px solid #666666;
float:right;
background-color:white;
display:flex;
flex-direction:column;
border-top:1px solid #666666;
}
#side{
float:left;
background:url("https://artofproblemsolving.com/m/community/img/blogs/hyperion/bg.png") repeat-y;
width:223px;
border-right:3px solid #666666;
}
#header>a>h1{
text-align:left !important;
text-decoration:none !important;
color:white !important;
padding-left:10px !important;
font-weight:700;
line-height:31px;
width:fit-content;
font-size:20px;
}
#header:hover>a>h1{
color:var(--secondarycolor) !important;
}
#navigation_box{
top:72px;
height:26px;
border-bottom:none !important;
background-color:#009fad !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry{
margin-top:0px !important;
border-bottom:1px solid #666666 !important;
padding-bottom:0px !important;
position:relative;
border-right:3px solid #666666;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
background-color:transparent !important;
border-width:0px 0px 0px 0px !important;
margin-right:24px !important;
border-right:1px solid #eeeeee !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::after{
content:" ";
position:absolute;
width:1px;
height:calc(100% + 1em);
right:-1px;
top:-0.5em;
background-color:#eeeeee;
}
#search-widget{
position:absolute;
left:calc(7.5% + 12px);
top:145px;
background:transparent;
padding:0px 0px 0px 0px !important;
z-index:1000000;
}
#search-widget>.widget-header,#search-widget>.widget-settings,#search-widget>.widget-footer{
display:none;
}
#search-widget>.widget-content{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform>fieldset{
border-width:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget input.button2{
display:none;
}
.blog-shout-wrapper>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
.blog-tags-wrapper>.cmty-itembox>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}

/**Ok now I'll start comments.**/
/**The following code makes the tags widget get moved to the place where it is in the forums.**/
/**Hiding the "Tags" header.**/
#side>div:not(.block):not(.widget) .widget-header{
display:none;
}
/**Basically just repositioning the tags.**/
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper{
height:64px;
border-width:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:4px 5px 4px 0px;
position:absolute;
top:133px;
left:calc(7.5% + 220px);
width:calc(85% - 220px - 5px);
background-color:#eee;
z-index:1000000;
}
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper .cmty-itembox{
height:64px;
}
#side>div:not(.block):not(.widget) .cmty-itembox-inner-box{
width:calc(100% - 23px);
margin-right:0px !important;
}
/**Getting rid of odd background and making a border.**/
#navigation_box::after{
content:" ";
width:85%;
position:absolute;
top:61px;
height:74px;
left:7.5%;
border-bottom:2px solid #666666;
background-color:white;
}
/**AoPS pattern background thing. Credits: https://artofproblemsolving.com/community/q1h2404405p19704343 and https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png for the background.**/
#page-wrapper{
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
padding-top:103px !important;
background-position:0px calc(100% - 42px);
}
/**Patching z-index stuff.**/
.aops-modal-mask{
z-index:3498579374602549792768956473846730980 !important;
}
.aops-modal-wrapper{
z-index:3498579374602549792768956473846730981 !important;
}
/**Header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1{
padding:6px 7px 4px 11px !important;
background-color:#666666;
height:55px;
font-size:16px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
color:white !important;
letter-spacing:normal;
}
/**Note: If the tags scrolling bothers you, you can delete this piece of code.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper{
position:absolute;
top:calc(-0.5em - 28px);
left:calc(11px - 0.5em);
margin-top:0px;
height:28px !important;
overflow:auto;
width:calc(100% - 216px);
}
/**Left side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-poll{
margin-left:110px;
position:relative !important;
z-index:1 !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .message{
margin-left:110px;
position:relative !important;
z-index:1001 !important;
font-family:Roboto,sans-serif;
overflow:visible;
}
h2>strong:nth-child(2){
position:absolute;
left:calc(29.8px - 1em - 100px + 7.41px);
top:95px;
z-index:1;
font-style:normal;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) h2{
position:absolute;
left:calc(110px + 1em - 29.8px - 7.41px);
color:#aaaaaa !important;
font-style:italic;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry .entrywrap{
min-height:calc(143px - 1em);
}
.efooter{
position:absolute;
bottom:0px;
}
h2>strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
/**Getting rid of "by , " and the picture before that.**/
h2::before{
content:" ";
position:absolute;
left:0px;
width:37.21px;
height:19px;
background-color:white;
}
/**Moving the contents of the efooter.**/
.efooter ul li a.post-replies{
display:none;
}
.efooter ul li a.post-comment{
visibility:hidden;
}
.efooter ul li a.post-comment::after{
position:absolute;
right:calc(7px - 7.33333333333333333333333px - 24px + 0.5em);
top:calc(-7.33333333333333333333333px - 25px);
content:"Reply";
font-size:15px;
color:#dddddd;
visibility:visible;
padding-left:20.58px;
}
.efooter ul li a.post-comment:hover::after{
border-bottom:1px solid #dddddd;
}
.efooter ul li a.post-comment::before{
position:absolute;
right:calc(7px - 7.33333333333333333333333px + 38.36px + 2px - 24px + 0.5em);
top:calc(-7.33333333333333333333333px - 25px);
content:"N";
font-family:AoPS;
font-size:16px;
color:#dddddd;
visibility:visible;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter{
width:100%;
height:100%;
padding:0.5em;
margin:0.5em;
position:absolute;
left:-0.5em;
top:-0.5em;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
/**Repositioning edit info.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap>.cmty-post-edit-info{
margin-left:110px !important;
position:relative !important;
z-index:1 !important;
width:fit-content;
}
/**Right side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(1){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:-4.33333333333333333333333px;
visibility:visible;
}
/**More header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::before{
content:"X";
font-family:AoPS;
font-size:16px;
color:#dddddd;
position:absolute;
right:calc(7px + 63.94px - 24px + 29.19px + 2px);
top:-32.33333333333333333333333px;
visibility:visible;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::after{
content:"Mod";
font-size:15px;
color:#dddddd;
position:absolute;
right:calc(7px + 63.94px - 24px);
top:-32.33333333333333333333333px;
visibility:visible;
padding-left:19.11px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic:hover::after{
border-bottom:1px solid #dddddd;
}
/**Comments css starts here.**/
/**Hiding a few things and deleting some margins and paddings.**/
.comment{
margin-top:0px !important;
overflow:hidden !important;
}
/**Repositioning and resizing commenting box.**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open{
padding-bottom:0px !important;
margin-top:0px !important;
border-top:7px solid #666666 !important;
top:calc(100% - 266px - 47px);
left:calc(7.5% + 220px);
width:calc(85% - 220px);
z-index:1000000;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ{
border-left:3px solid #666666 !Important;
border-right:3px solid #666666 !important;
border-bottom:5px solid #666666 !important;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open::before{
content:"";
position:absolute;
width:calc(100%*20/17 + 220px*20/17);
height:calc(100% - 264px);
min-height:42px;
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
z-index:-1;
top:264px;
right:calc(-300%/34 - 3*220px/34);
}
#main .blog-reply-window.cmty-reply-window{
position:absolute;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container,#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
height:200px;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-post-preview{
border-width:0px;
}
/**Adding a border to the right of the commenting box.**/
.blog-posts-box{
border-right:3px solid #666666;
}
/**Add extra space to the bottom if the commenting box has class .blog-reply-open.**/
#main>.blog-reply-window.cmty-reply-window.blog-reply-open~h1{
border-bottom:235px solid #666666;
flex:0 0 237px;
box-shadow:0px 28px #666666;
}
/**Adding more padding to cmty-post-attachments.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-attachments{
padding-left:110px !important;
position:relative !important;
z-index:1 !important;
}
/**Making comments look like posts in forums.**/
.comment{
background-color:white !important;
border-bottom:1px solid #666666 !important;
}
.commentwrap{
min-height:143px;
margin-top:0px !important;
margin-right:24px !Important;
padding-top:calc(0.5em + 17px) !important;
border-right:1px solid #eeeeee !important;
width:auto !important;
overflow:visible !important;
}
.commentwrap .cfooter{
width:100%;
height:100%;
position:absolute;
padding:inherit;
margin:inherit;
left:0px;
bottom:0px;
}
.commentwrap .cfooter .actions{
font-size:12px !important;
color:#aaaaaa !important;
position:absolute;
left:calc(110px - 38.02px + 7.33333333333333333333333px);
top:-6px;
font-style:italic;
}
.commentwrap .cfooter .actions::before{
position:absolute;
left:0px;
top:0px;
height:100%;
content:"";
width:38.02px;
background-color:white;
}
.commentwrap .cfooter .actions .author strong:nth-child(2){
position:absolute;
left:calc(10px - 110px + 38.02px - 7.33333333333333333333333px);
top:98px;
font-style:normal;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
.commentwrap .message,.commentwrap .cmty-post-attachments,.commentwrap .cmty-post-edit-info{
margin-left:110px;
position:relative !important;
z-index:1 !important;
font-family:Roboto,sans-serif;
}
.commentwrap .cfooter .modactions ul li a{
visibility:hidden;
}
.commentwrap .cfooter .modactions ul li a.blog-report-post::after{
content:"Z";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.17px;
top:3px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:25px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-delete-post::after{
content:"J";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-17.25px;
top:47px;
visibility:visible;
}
/**Hiding the "No posts in this blog. Yet!" text.**/
.blog-no-topics{
display:none;
}
/**Post number.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
counter-reset:postnumber;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:-2.33333333333333333333333px;
right:8px;
}
body{
counter-reset:postnumber;
counter-increment:postnumber;
}
.commentwrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:5px;
right:8px;
}
/**Above the header.**/
/**Credits: [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the idea.**/
/**Hiding some things.**/
#right_navigation_box{
visibility:hidden;
}
/**Repositioning left_navigation_box, recoloring it, etc.**/
#left_navigation_box{
position:absolute;
left:7.5%;
font-size:12px !important;
font-weight:700;
color:#cdeef1;
text-transform:uppercase;
line-height:25px;
}
/**Making the top.**/
#navigation_box::before{
content:"";
position:absolute;
width:100%;
height:72px;
background-color:white;
top:-72px;
left:0px;
}
#left_navigation_box::before{
content:"";
position:absolute;
left:30px;
top:-59.4px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:254.17px 46.8px;
height:46.8px;
width:254.17px;
z-index:12;
}
/**Feed overlapping with header bug fix.**/
#feed-wrapper{
z-index:10000000000 !important;
top:70px !important;
}
/**Subscribe button becomes bookmark button.**/
#navigation_box>#right_navigation_box>#blog-subscribe{
width:100%;
top:0px;
left:0px;
position:absolute;
}
#navigation_box>#right_navigation_box>#blog-subscribe::after{
content:"Bookmark";
position:absolute;
right:calc(7.5% + 110.25px);
top:80px;
visibility:visible;
color:var(--secondarycolor);
font-size:15px;
padding-left:11.05px;
line-height:18px;
font-family:"Roboto",sans-serif;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::after{
content:"Remove" !important;
padding-left:19.56px;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::before{
content:"D" !important;
right:calc(7.5% + 110.25px + 2px + 53.91px) !important;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::after{
color:white;
border-bottom:1px solid white;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::before{
color:white;
}
#navigation_box>#right_navigation_box>#blog-subscribe::before{
content:"B";
font-family:AoPS;
position:absolute;
right:calc(7.5% + 110.25px + 2px + 68.05px);
top:81px;
visibility:visible;
color:var(--secondarycolor);
font-size:16px;
z-index:1;
line-height:16px;
width:1234px;
pointer-events:none;
}
/**Fixing length of names.**/
h2>strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:black;
}
#right_navigation_box>.blog-logout:hover::before,#right_navigation_box>.blog-login:hover::before{
color:white !important;
}
/**Removing scrollbar from #main.**/
#main::-webkit-scrollbar{
display:none;
}
/**Search widget and entry titles. Credits: Printrbot, slightly modified.**/
#blog_keywords{
border-radius:6px;
}
#search-widget, #search-widget>.widget-content{
width:200px;
height:23px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
font-weight:700;
font-family:Roboto,sans-serif;
width:calc(100% - 78px);
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/**Blog logout.**/
#navigation_box .blog-logout{
visibility:visible;
color:#009fad;
font-size:13px;
font-weight:500;
position:absolute;
right:calc(7.5% + 40px);
font-family:Roboto,sans-serif;
line-height:15px;
top:-20px;
text-transform:uppercase;
padding-right:12.52px;
z-index:11;
height:15px;
}
#navigation_box .blog-logout::after{
content:"SIGN OUT";
position:absolute;
height:2px;
right:0px;
top:21px;
padding:0px;
overflow:hidden;
z-index:11;
width:86.84px;
background-color:white;
pointer-events:none;
}
#navigation_box .blog-logout:hover::after{
height:fit-content;
padding:18px 12px 12px;
display:flex;
top:15px;
width:fit-content;
background-color:transparent;
pointer-events:auto;
}
#navigation_box .blog-logout::before{
content:"LOGOUT";
display:block;
position:absolute;
width:fit-content;
height:15px;
background-color:white;
pointer-events:none;
z-index:384;
left:0px;
color:white;
}
#navigation_box>.clear::after{
content:"S";
font-size:13px;
font-family:AoPS;
position:absolute;
top:-62px;
right:calc(7.5% + 42px);
color:#009fad;
}
#right_navigation_box::after{
content:"";
position:absolute;
right:calc(7.5% + 40px);
top:1px;
height:2px;
width:86.84px;
background-color:#009fad;
visibility:visible;
z-index:10;
}
/**Blog login.**/
#navigation_box .blog-login::before{
content:"";
position:absolute;
width:6.52px;
height:14px;
right:calc(7.5% + 40px);
top:-20px;
background-color:white;
visibility:visible;
z-index:1;
pointer-events:none;
}
#navigation_box .blog-login::after{
content:"SIGN IN/REGISTER";
visibility:visible;
right:calc(7.5% + 40px);
top:-20px;
background-color:white;
z-index:1;
color:#009fad;
font-size:13px;
line-height:15px;
position:absolute;
pointer-events:auto;
}
#navigation_box .blog-login:hover::after{
text-decoration:underline;
}
#navigation_box .blog-login{
position:absolute;
width:100%;
background-color:white;
left:0px;
z-index:11;
visibility:visible;
pointer-events:none;
}
/**Everything in aops-modal-wrapper.**/
.aops-modal-frame{
border-width:0px;
padding:6px;
box-shadow:none;
}
.aops-modal-content-wrapper{
box-shadow:none;
}
.aops-modal-standard .aops-modal-footer,.aops-modal-plain-body .aops-modal-footer{
background-color:transparent;
}
.btn-primary{
background-color:#1b365d;
font-family:Roboto,sans-serif;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.btn-active,.open .dropdown-toggle.btn-primary{
background-color:#135b7b;
border-color:#135b7b;
}
.aops-close-x{
right:-6px;
top:-4px;
font-size:20px;
border-radius:0px;
background-color:transparent;
color:#1b365d;
padding-top:0px;
}
.aops-close-x:hover{
color:#009fad !important;
}
#login-form .info{
background-color:transparent;
color:transparent;
}
#login-form .info::before{
content:"";
display:inline-block;
width:200px;
height:36.8281px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:100% auto;
vertical-align:middle;
position:relative;
left:89.2969px;
}
#login-form .info::after{
content:"Sign In";
font-size:30px;
color:#1a355d;
position:absolute;
vertical-align:middle;
left:calc(99.2969px + 208px);
}
#login-form-links{
background-color:transparent;
}
#login-form-links>p:first-child{
display:none;
}
.aops-modal-content-wrapper>.aops-scroll-outer{
box-shadow:none;
}
.cmty-posting-modal .aops-close-x{
right:2px;
top:6px;
color:white;
}
/**Editing left_navigation_box links.**/
#left_navigation_box>a{
color:#cdeef1;
font-family:Roboto,sans-serif;
line-height:28px;
font-size:12px;
}
#left_navigation_box>a:hover{
text-decoration:underline;
}
#left_navigation_box>a:last-child{
color:white;
pointer-events:none;
}
/**Scrollable side.**/
#side{
height:100%;
border-bottom:2px solid #666666;
overflow-y:auto;
}
/**Succession of height:100%;s to prevent white space.**/
html.svg{
height:100%;
border-top:35px solid #dddddd;
}
html.svg>body.community{
height:100%;
position:relative;
}
html.svg>body.community>#page-wrapper{
height:100%;
}
html.svg>body.community>#page-wrapper>#wrapper{
height:100%;
}
/**Slightly different height.**/
#content{
height:calc(100% - 151px);
}
/**Footer.**/
#wrapper::before{
content:"";
position:absolute;
width:100%;
height:42px;
left:0px;
bottom:0px;
background-color:#1b365d;
}
#wrapper::after{
content:"";
position:absolute;
left:calc(7.5% + 30px);
bottom:12px;
width:119.47px;
height:22px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online-footer.svg");
background-size:119.47px 22px;
}
.aops-modal-standard .aops-modal-title,.aops-modal-plain-body .aops-modal-title{
background-color:transparent;
}
/**Main page stuff. (Credits: https://artofproblemsolving.com/community/c1066032.)**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter{
display:none;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2{
color:rgb(53, 108, 181) !important;
position:absolute;
z-index:1;
left:calc(70% + 3px);
font-size:12px;
padding-left:5.32px;
padding-right:12px;
display:flex;
flex-direction:column;
line-height:12px;
top:0px;
padding-top:33px;
margin-top:7px;
border-left:1px solid #aaaaaa;
height:calc(100% - 14px);
width:calc(30% - 3px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong{
left:12px;
top:40px;
font-weight:normal;
font-style:italic;
width:calc(100% - 24px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a{
color:rgb(53, 108, 181) !important;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a::before{
width:40px;
height:40px;
background-size:40px 40px;
top:-40px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry{
border-width:0px;
padding:0px;
margin:0px;
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type{
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::before{
content:"Topic";
display:block;
line-height:16px;
font-size:12px;
color:#999;
background-color:#eeeeee;
padding-left:10px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
height:20px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::after{
content:"First Poster";
display:block;
position:absolute;
line-height:16px;
font-size:12px;
color:#999;
height:16px;
padding:0px 12px;
width:calc(30% - 3px);
left:calc(70% + 3px);
border-left:1px solid #aaaaaa;
top:2px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap{
margin:0px;
border-width:0px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
background-color:#eaeaea;
height:113px;
padding:5px 0 5px 10px;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap:hover{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>*{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.message{
display:block !important;
height:105px;
padding-top:17px;
overflow:hidden;
width:56%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter{
display:block !important;
position:absolute;
visibility:hidden;
top:0px;
left:0px;
width:100%;
height:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter a{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter *{
padding:0px !important;
margin:0px !important;
border-width:0px !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1{
position:absolute;
z-index:1;
overflow:visible;
padding:0px;
width:calc(100% - 10px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::before{
background-color:#eaeaea;
width:100%;
height:25px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::before{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::after{
content:"";
background-color:#eaeaea;
position:absolute;
width:6.68px;
height:12px;
top:58px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::after{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1>a{
position:absolute;
max-width:63%;
font-size:16px;
line-height:16px;
height:17px;
overflow:hidden;
top:7px;
left:10px;
text-overflow:ellipsis;
white-space:nowrap;
width:63%;
font-weight:normal;
color:var(--primarycolor);
}
/**Post count add-on.**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies{
display:block !important;
position:absolute;
right:calc(30% + 1px);
top:17px;
font-size:12px;
color:#aaa;
text-decoration:none !important;
visibility:visible;
height:calc(100% - 17px);
width:100%;
text-align:right;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::before{
content:"x";
font-family:AoPS;
font-size:11px;
color:#aaa;
margin-right:3.34px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::after{
content:"";
position:absolute;
width:100%;
height:calc(100% + 21px);
right:calc(-30% - 1px);
top:-19px;
z-index:100;
}
#main>div:not(.blog-posts-box):last-child::after{
content:"No more topics!";
font-size:15px;
color:#333333;
padding:5px;
display:block;
}
/**Fixing letter spacing in h1.**/
h1{
letter-spacing:0px;
}
/**Shouts.**/
#message{
width:calc(100% - 4px);
}
#shouts-widget>.widget-content>.blog-shout-wrapper{
min-width:0px;
}
/**The "Quick Reply" button.**/
#main>h1{
order:1;
font-size:0px;
flex:0 0 2px;
background:linear-gradient(90deg,#555555 calc(100% - 3px),#666666 calc(100% - 3px));
}
#main>p:not(:first-child){
order:2;
display:block;
flex:1 0 28px;
background-color:#666666;
padding:4px 7px 2px 4px;
margin:0px;
position:relative;
}
#main>p:not(:first-child)>.blog-post-comment{
display:block;
height:18px;
border-radius:6px;
font-size:0px;
position:relative;
z-index:1;
}
#main>p:not(:first-child)::before{
content:"N";
font-family:AoPS;
font-size:12px;
line-height:18px;
position:absolute;
border-radius:6px;
background-color:white;
width:calc(100% - 11px);
padding-left:6px;
color:#aaaaaa;
}
#main>p:not(:first-child)::after{
content:"Quick Reply";
font-family:Roboto,sans-serif;
font-style:italic;
font-size:12px;
line-height:18px;
position:absolute;
left:23.52px;
top:4px;
color:#aaaaaa;
}
/**Tags.**/
.cmty-item-tag{
background-color:var(--primarycolor) !important;
color:white !important;
}
.cmty-item-tag:hover{
background-color:var(--secondarycolor) !important;
color:var(--primarycolor) !important;
}
/**AVATAR FIX (Credits: reminiscence.css.)**/
h2>strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
[/css]
[/hide]
[hide=Release v1.5.0]
[css]
/**Credits: https://artofproblemsolving.com/community/c66h2410025_an_aops_css and https://artofproblemsolving.com/community/c66h2067759_release_solvecss for the idea, https://artofproblemsolving.com/community/c66 for an actual AoPS forum which I could refer to, reminiscence.css for the avatar fix using attributes idea, [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the above the header idea, SamuraiA for the :hover with ::before and ::after explanation, forester2015 and Facejo for the search button suggestion, Facejo and MinecraftFox for pointing out bugs, Yelly314 for pointing out a coloring issue, WyattB for the idea for the after bookmarking effect, Printrbot for the search widget and entry titles modification, aops-g5-gethsemanea2 for the login/logout suggestion, AndrewC10 for pointing out a bug, pog for pointing out an error, CoolCarsOnTheRun for making the suggestion to put #side on the other side, https://artofproblemsolving.com/community/c1066032, which was gotten from https://artofproblemsolving.com/community/c66h2556490_weird_preview_thing, for the "if person is on main page" thing, and https://artofproblemsolving.com/texer/ for a place to put 40000+ character css codes.**/
/**forum.css?**/
/**Made by Zhaom**/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/**Variables**/
:root{
--primarycolor:rgb(53,108,181);
--secondarycolor:rgb(218,231,246);
--entryhoverbackgroundcolor:rgb(236,243,250);
--titlelength:111.05px;
--width:min(1230px,100vw);
}
/**Blog Info (Note: In the wrong place but as the width of the title of the blog can vary, I put it on the opposite side of the header.)**/
#navigation_box>#right_navigation_box{
width:100%;
left:0px;
top:-44px;
}
#navigation_box>#right_navigation_box>.blog-info{
width:100%;
left:0px;
top:0px;
visibility:hidden;
position:absolute;
}
#navigation_box>#right_navigation_box>.blog-info::after{
content:"3";
font-family:AoPS;
color:var(--secondarycolor);
font-size:16px;
position:absolute;
top:76px;
left:calc(50% - var(--width) / 2 + var(--titlelength) + 6px);
visibility:visible;
line-height:22px;
}
#navigation_box>#right_navigation_box>.blog-info:hover::after{
color:white;
}
#post-new-entry-img{
display:none;
}
#post-new-entry{
color:white;
visibility:hidden;
}
#post-new-entry-p{
margin:0px 0px 0px 0px;
position:absolute;
top:0px;
width:var(--width);
left:calc(50% - var(--width) / 2);
}
#post-new-entry::after{
color:var(--secondarycolor) !important;
font-size:15px;
content:"New Topic";
position:absolute;
right:10px;
top:102.75px;
z-index:349857937460254979276895647384673098;
padding-left:17.34px;
visibility:visible;
font-family:"Roboto",sans-serif;
padding-top:6px;
}
#post-new-entry::before{
color:var(--secondarycolor) !important;
font-size:16px;
content:"V";
font-family:AoPS;
position:absolute;
right:calc(10px + 70.03px + 2px);
top:107.75px;
z-index:349857937460254979276895647384673098;
visibility:visible;
}
#post-new-entry:hover::after{
color:white !important;
border-bottom:1px solid white;
}
#post-new-entry:hover::before{
color:white !important;
}
#wrapper{
width:var(--width);
padding:0px 0px 0px 0px !important;
border-width:0px 0px 0px 0px !important;
background:none !important;
}
#header{
border-width:0px 0px 0px 0px !important;
height:30px;
background-color:var(--primarycolor);
font-size:20px;
margin-bottom:74px;
font-family:Roboto,sans-serif;
}
#main{
padding:0px;
width:calc(100% - 223px);
height:100%;
overflow-y:auto;
border-bottom:3px solid #666666;
float:right;
background-color:white;
display:flex;
flex-direction:column;
border-top:1px solid #666666;
}
#side{
float:left;
background:url("https://artofproblemsolving.com/m/community/img/blogs/hyperion/bg.png") repeat-y;
width:223px;
border-right:3px solid #666666;
}
#header>a>h1{
text-align:left !important;
text-decoration:none !important;
color:white !important;
padding-left:10px !important;
font-weight:700;
line-height:31px;
width:fit-content;
font-size:20px;
}
#header:hover>a>h1{
color:var(--secondarycolor) !important;
}
#navigation_box{
top:72px;
height:26px;
border-bottom:none !important;
background-color:#009fad !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry{
margin-top:0px !important;
border-bottom:1px solid #666666 !important;
padding-bottom:0px !important;
border-right:3px solid #666666;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
background-color:transparent !important;
border-width:0px 0px 0px 0px !important;
margin-right:24px !important;
border-right:1px solid #eeeeee !important;
}
#search-widget{
position:absolute;
left:calc(50% - var(--width) / 2 + 12px);
top:145px;
background:transparent;
padding:0px 0px 0px 0px !important;
z-index:1000000;
}
#search-widget>.widget-header,#search-widget>.widget-settings,#search-widget>.widget-footer{
display:none;
}
#search-widget>.widget-content{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform>fieldset{
border-width:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget input.button2{
display:none;
}
.blog-shout-wrapper>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
.blog-tags-wrapper>.cmty-itembox>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}

/**Ok now I'll start comments.**/
/**The following code makes the tags widget get moved to the place where it is in the forums.**/
/**Hiding the "Tags" header.**/
#side>div:not(.block):not(.widget) .widget-header{
display:none;
}
/**Basically just repositioning the tags.**/
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper{
height:64px;
border-width:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:4px 5px 4px 0px;
position:absolute;
top:133px;
left:calc(50% - var(--width) / 2 + 220px);
width:calc(var(--width) - 220px - 5px);
background-color:#eee;
z-index:1000000;
}
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper .cmty-itembox{
height:64px;
}
#side>div:not(.block):not(.widget) .cmty-itembox-inner-box{
width:calc(100% - 23px);
margin-right:0px !important;
}
/**Getting rid of odd background and making a border.**/
#navigation_box::after{
content:" ";
width:var(--width);
position:absolute;
top:61px;
height:74px;
left:calc(50% - var(--width) / 2);
border-bottom:2px solid #666666;
background-color:white;
}
/**AoPS pattern background thing. Credits: https://artofproblemsolving.com/community/q1h2404405p19704343 and https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png for the background.**/
#page-wrapper{
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
padding-top:103px !important;
background-position:0px calc(100% - 42px);
}
/**Patching z-index stuff.**/
.aops-modal-mask{
z-index:3498579374602549792768956473846730980 !important;
}
.aops-modal-wrapper{
z-index:3498579374602549792768956473846730981 !important;
}
/**Header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1{
padding:6px 7px 4px 11px !important;
background-color:#666666;
height:58.35px;
font-size:16px;
position:absolute;
width:calc(var(--width) - 226px);
/**top:calc(243px - 74px);**/
margin-top:-58.35px;
z-index:1002;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
color:white !important;
letter-spacing:normal;
line-height:20px;
}
/**Remove relative position on entrywrap.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
position:static;
}
/**Note: If the tags scrolling bothers you, you can delete this piece of code.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper{
position:absolute;
top:calc(243px + 55px - 28px - 74px + 58.35px - 55px + 5px - 4px - 1.85px - 35px);
margin-left:calc(0.5em - 11px);
margin-top:0px;
height:23px !important;
overflow:auto;
width:calc(var(--width) - 226px - 0.5em - 24px - 1px - 216px);
z-index:1002;
}
/**Fixing tag margins.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper .cmty-item-tag{
margin-top:1.5px;
margin-bottom:1.5px;
}
/**Left side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-poll{
margin-left:calc(110px - 0.5em);
border-top:5px solid transparent;
position:relative !important;
z-index:1 !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .message{
margin-left:calc(110px - 0.5em);
position:relative !important;
z-index:1001 !important;
font-family:Roboto,sans-serif;
overflow:visible;
}
h2>strong:nth-child(2){
position:absolute;
left:calc(-1em - 100px + 34.9px);
top:95px;
z-index:1;
font-style:normal;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) h2{
position:relative;
margin-left:calc(110px + 1em - 34.9px);
color:#aaaaaa !important;
font-style:italic;
font-size:12px;
padding-top:5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry .entrywrap{
min-height:calc(143px - 1em);
margin-top:calc(-155px / 7);
padding-top:1em;
padding-bottom:1em;
margin-bottom:0px;
display:flex;
flex-direction:column;
padding-right:8px;
}
.efooter{
position:absolute;
bottom:0px;
}
h2>strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
/**Getting rid of "by , " and the picture before that.**/
h2::before{
content:" ";
position:absolute;
left:0px;
width:34.9px;
height:100%;
background-color:white;
}
/**Moving the contents of the efooter.**/
.efooter ul li a.post-replies{
display:none;
}
.efooter ul li a.post-comment{
visibility:hidden;
}
.efooter ul li a.post-comment::after{
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
content:"Reply";
font-size:15px;
color:#dddddd;
visibility:visible;
padding-left:18.56px;
z-index:1002;
letter-spacing:-0.404px;
line-height:17.5px;
}
.efooter ul li a.post-comment:hover::after{
border-bottom:1px solid #dddddd;
}
.efooter ul li a.post-comment::before{
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px + 36.34px + 2px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
content:"N";
font-family:AoPS;
font-size:16px;
color:#dddddd;
visibility:visible;
z-index:1002;
line-height:17.5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter{
/**width:100%;
height:100%;
padding:0.5em;
margin:0.5em;**/
position:static;
bottom:revert;
order:-1;
/**right:calc(50% - var(--width) / 2);
left:-0.5em;
top:-0.5em;**/
height:1em;
margin-top:-1em;
margin-right:calc(-12.1px - 8px - 1px - 5px);
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>div{
padding:0px;
height:0px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>div>ul{
display:inline-block !important;
padding:0px !important;
margin:0px !important;
border-width:0px !important;
height:0px !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>div>ul>li{
vertical-align:top;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>.modactions>ul>li:first-child{
float:right;
margin:0px;
border-width:0px;
padding:0px;
}
/**#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}**/
/**Repositioning edit info.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap>.cmty-post-edit-info{
margin-left:calc(110px - 0.5em) !important;
position:relative !important;
z-index:1 !important;
width:fit-content;
}
/**Right side of posts.**/
/**#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(1){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post{
visibility:hidden;
display:inline-block;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:relative;
visibility:visible;
z-index:1001;
display:inline-block;
margin-top:3px;
}
/**More header of posts.**/
/**#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::before{
content:"X";
font-family:AoPS;
font-size:16px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px + 8px + 155.7px - 79.08px - 16px + 29.179px + 2px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
visibility:visible;
z-index:1002;
line-height:17.5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::after{
content:"Mod";
font-size:15px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px + 8px + 155.7px - 79.08px - 16px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
visibility:visible;
padding-left:20.04px;
z-index:1002;
line-height:17.5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic:hover::after{
border-bottom:1px solid #dddddd;
}
/**Comments css starts here.**/
/**Hiding a few things and deleting some margins and paddings.**/
.comment{
margin-top:0px !important;
overflow:hidden !important;
}
/**Repositioning and resizing commenting box.**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open{
padding-bottom:0px !important;
margin-top:0px !important;
border-top:7px solid #666666 !important;
top:calc(100% - 266px - 47px);
left:calc(50% - var(--width) / 2 + 220px);
width:calc(var(--width) - 220px);
z-index:1000000;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ{
border-left:3px solid #666666 !important;
border-right:3px solid #666666 !important;
border-bottom:3px solid #666666 !important;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open::before{
content:"";
position:absolute;
width:100vw;
height:calc(100% - 264px);
min-height:42px;
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
z-index:-1;
top:264px;
right:calc(var(--width) / 2 - 50vw);
}
#main .blog-reply-window.cmty-reply-window{
position:absolute;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container,#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
height:200px;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-post-preview{
border-width:0px;
}
/**Adding a border to the right of the commenting box.**/
.blog-posts-box{
border-right:3px solid #666666;
}
/**Add extra space to the bottom if the commenting box has class .blog-reply-open.**/
/**#main>.blog-reply-window.cmty-reply-window.blog-reply-open~h1{
border-bottom:235px solid #666666;
flex:0 0 237px;
box-shadow:0px 28px #666666;
}**/
#main:has(>.blog-reply-window.cmty-reply-window.blog-reply-open){
border-bottom:269px solid #666666;
}
#main:has(>.blog-reply-window.cmty-reply-window.blog-reply-open)>p:not(:first-child){
display:none;
}
/**Adding more padding to cmty-post-attachments.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-attachments{
padding-left:calc(110px - 0.5em) !important;
position:relative !important;
z-index:1 !important;
}
/**Making comments look like posts in forums.**/
.comment{
background-color:white !important;
border-bottom:1px solid #666666 !important;
}
.commentwrap{
min-height:143px;
margin-top:0px !important;
margin-right:24px !Important;
padding-top:calc(0.5em + 17px) !important;
border-right:1px solid #eeeeee !important;
width:auto !important;
overflow:visible !important;
}
.commentwrap .cfooter{
width:100%;
height:100%;
position:absolute;
padding:inherit;
margin:inherit;
left:0px;
bottom:0px;
}
.commentwrap .cfooter .actions{
font-size:12px !important;
color:#aaaaaa !important;
position:absolute;
left:calc(110px - 38.02px + 7.33333333333333333333333px);
top:-6px;
font-style:italic;
}
.commentwrap .cfooter .actions::before{
position:absolute;
left:0px;
top:0px;
height:100%;
content:"";
width:38.02px;
background-color:white;
}
.commentwrap .cfooter .actions .author strong:nth-child(2){
position:absolute;
left:calc(10px - 110px + 38.02px - 7.33333333333333333333333px);
top:98px;
font-style:normal;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
.commentwrap .message,.commentwrap .cmty-post-attachments,.commentwrap .cmty-post-edit-info{
margin-left:110px;
position:relative !important;
z-index:1 !important;
font-family:Roboto,sans-serif;
}
.commentwrap .cfooter .modactions ul li a{
visibility:hidden;
}
.commentwrap .cfooter .modactions ul li a.blog-report-post::after{
content:"Z";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.17px;
top:3px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:25px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-delete-post::after{
content:"J";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-17.25px;
top:47px;
visibility:visible;
}
/**Hiding the "No posts in this blog. Yet!" text.**/
.blog-no-topics{
display:none;
}
/**Post number.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
counter-reset:postnumber;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
text-align:right;
height:calc(44px / 3 - 5px);
margin-top:calc(-44px / 3 + 5px);
}
body{
counter-reset:postnumber;
counter-increment:postnumber;
}
.commentwrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:5px;
right:8px;
}
/**Above the header.**/
/**Credits: [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the idea.**/
/**Hiding some things.**/
#right_navigation_box{
visibility:hidden;
}
/**Repositioning left_navigation_box, recoloring it, etc.**/
#left_navigation_box{
position:absolute;
left:calc(50% - var(--width) / 2);
font-size:12px !important;
font-weight:700;
color:#cdeef1;
text-transform:uppercase;
line-height:25px;
}
/**Making the top.**/
#navigation_box::before{
content:"";
position:absolute;
width:100%;
height:72px;
background-color:white;
top:-72px;
left:0px;
}
#left_navigation_box::before{
content:"";
position:absolute;
left:30px;
top:-59.4px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:254.17px 46.8px;
height:46.8px;
width:254.17px;
z-index:12;
}
/**Feed overlapping with header bug fix.**/
#feed-wrapper{
z-index:10000000000 !important;
top:70px !important;
}
/**Subscribe button becomes bookmark button.**/
#navigation_box>#right_navigation_box>#blog-subscribe{
width:100%;
top:0px;
left:0px;
position:absolute;
}
#navigation_box>#right_navigation_box>#blog-subscribe::after{
content:"Bookmark";
position:absolute;
right:calc(50% - var(--width) / 2 + 110.25px);
top:80px;
visibility:visible;
color:var(--secondarycolor);
font-size:15px;
padding-left:11.05px;
line-height:18px;
font-family:"Roboto",sans-serif;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::after{
content:"Remove" !important;
padding-left:19.56px;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::before{
content:"D" !important;
right:calc(50% - var(--width) / 2 + 110.25px + 2px + 53.91px) !important;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::after{
color:white;
border-bottom:1px solid white;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::before{
color:white;
}
#navigation_box>#right_navigation_box>#blog-subscribe::before{
content:"B";
font-family:AoPS;
position:absolute;
right:calc(50% - var(--width) / 2 + 110.25px + 2px + 68.05px);
top:81px;
visibility:visible;
color:var(--secondarycolor);
font-size:16px;
z-index:1;
line-height:16px;
width:1234px;
pointer-events:none;
}
/**Fixing length of names and also changing line height.**/
h2>strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
line-height:18px;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:black;
}
#right_navigation_box>.blog-login:hover::before{
color:white !important;
}
/**Search widget and entry titles. Credits: Printrbot, slightly modified.**/
#blog_keywords{
border-radius:6px;
}
#search-widget, #search-widget>.widget-content{
width:200px;
height:23px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
font-weight:700;
font-family:Roboto,sans-serif;
width:calc(100% - 78px);
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/**Blog logout.**/
#navigation_box .blog-logout{
visibility:visible;
color:#009fad;
font-size:13px;
font-weight:500;
position:absolute;
right:calc(50% - var(--width) / 2 + 40px);
font-family:Roboto,sans-serif;
line-height:15px;
top:-20px;
text-transform:uppercase;
padding-right:12.52px;
z-index:11;
height:15px;
pointer-events:auto;
}
#navigation_box .blog-logout::after{
content:"SIGN OUT";
position:absolute;
height:2px;
right:0px;
top:21px;
padding:0px;
overflow:hidden;
z-index:11;
width:101.55px;
background-color:white;
pointer-events:none;
color:#1b365d;
}
#navigation_box .blog-logout:hover::after{
height:fit-content;
padding:18px 12px 12px;
display:flex;
top:15px;
width:101.55px;
background-color:transparent;
pointer-events:auto;
}
#navigation_box .blog-logout::before{
content:"LOGOUT";
display:block;
position:absolute;
width:fit-content;
height:20px;
background-color:white;
pointer-events:none;
z-index:384;
left:0px;
color:transparent;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:20px 20px;
background-repeat:no-repeat;
background-position:right 6px bottom;
margin-top:-2.5px;
}
#navigation_box>.clear::after{
content:"S";
font-size:13px;
font-family:AoPS;
position:absolute;
top:-62px;
right:calc(50% - var(--width) / 2 + 42px);
color:#009fad;
}
#right_navigation_box::after{
content:"";
position:absolute;
right:calc(50% - var(--width) / 2 + 40px);
top:1px;
height:2px;
width:101.55px;
background-color:#009fad;
visibility:visible;
z-index:10;
}
/**Blog login.**/
#navigation_box .blog-login::before{
content:"";
position:absolute;
width:6.52px;
height:14px;
right:calc(50% - var(--width) / 2 + 40px);
top:-20px;
background-color:white;
visibility:visible;
z-index:1;
pointer-events:none;
}
#navigation_box .blog-login::after{
content:"SIGN IN/REGISTER";
visibility:visible;
right:calc(50% - var(--width) / 2 + 40px);
top:-20px;
background-color:white;
z-index:1;
color:#009fad;
font-size:13px;
line-height:15px;
position:absolute;
pointer-events:auto;
}
#navigation_box .blog-login:hover::after{
text-decoration:underline;
}
#navigation_box .blog-login{
position:absolute;
width:100%;
background-color:white;
left:0px;
z-index:11;
visibility:visible;
pointer-events:none;
}
/**Everything in aops-modal-wrapper.**/
.aops-modal-frame{
border-width:0px;
padding:6px;
box-shadow:none;
}
.aops-modal-content-wrapper{
box-shadow:none;
}
.aops-modal-standard .aops-modal-footer,.aops-modal-plain-body .aops-modal-footer{
background-color:transparent;
}
.btn-primary{
background-color:#1b365d;
font-family:Roboto,sans-serif;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.btn-active,.open .dropdown-toggle.btn-primary{
background-color:#135b7b;
border-color:#135b7b;
}
.aops-close-x{
right:-6px;
top:-4px;
font-size:20px;
border-radius:0px;
background-color:transparent;
color:#1b365d;
padding-top:0px;
}
.aops-close-x:hover{
color:#009fad !important;
}
#login-form .info{
background-color:transparent;
color:transparent;
}
#login-form .info::before{
content:"";
display:inline-block;
width:200px;
height:36.8281px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:100% auto;
vertical-align:middle;
position:relative;
left:89.2969px;
}
#login-form .info::after{
content:"Sign In";
font-size:30px;
color:#1a355d;
position:absolute;
vertical-align:middle;
left:calc(99.2969px + 208px);
}
#login-form-links{
background-color:transparent;
}
#login-form-links>p:first-child{
display:none;
}
.aops-modal-content-wrapper>.aops-scroll-outer{
box-shadow:none;
}
.cmty-posting-modal .aops-close-x{
right:2px;
top:6px;
color:white;
}
/**Editing left_navigation_box links.**/
#left_navigation_box>a{
color:#cdeef1;
font-family:Roboto,sans-serif;
line-height:28px;
font-size:12px;
}
#left_navigation_box>a:hover{
text-decoration:underline;
}
#left_navigation_box>a:last-child{
color:white;
pointer-events:none;
}
/**Scrollable side.**/
#side{
height:100%;
border-bottom:2px solid #666666;
overflow-y:auto;
}
/**Succession of height:100%;s to prevent white space.**/
html.svg{
height:100%;
border-top:35px solid #dddddd;
}
html.svg>body.community{
height:100%;
position:relative;
}
html.svg>body.community>#page-wrapper{
height:100%;
}
html.svg>body.community>#page-wrapper>#wrapper{
height:100%;
}
/**Slightly different height.**/
#content{
height:calc(100% - 151px);
}
/**Footer.**/
#wrapper::before{
content:"";
position:absolute;
width:100%;
height:42px;
left:0px;
bottom:0px;
background-color:#1b365d;
}
#wrapper::after{
content:"";
position:absolute;
left:calc(50% - var(--width) / 2 + 30px);
bottom:12px;
width:119.47px;
height:22px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online-footer.svg");
background-size:119.47px 22px;
}
.aops-modal-standard .aops-modal-title,.aops-modal-plain-body .aops-modal-title{
background-color:transparent;
}
/**Main page stuff. (Credits: https://artofproblemsolving.com/community/c1066032.)**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter{
display:none;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2{
color:rgb(53, 108, 181) !important;
position:absolute;
z-index:1;
left:calc(70% + 3px);
font-size:12px;
padding-left:5.32px;
padding-right:12px;
display:flex;
flex-direction:column;
line-height:12px;
top:0px;
padding-top:33px;
margin-top:7px;
border-left:1px solid #aaaaaa;
height:calc(100% - 14px);
width:calc(30% - 3px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong{
left:12px;
top:40px;
font-weight:normal;
font-style:italic;
width:calc(100% - 24px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a{
color:rgb(53, 108, 181) !important;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a::before{
width:40px;
height:40px;
background-size:40px 40px;
top:-40px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry{
border-width:0px;
padding:0px;
margin:0px;
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type{
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::before{
content:"Topic";
display:block;
line-height:16px;
font-size:12px;
color:#999;
background-color:#eeeeee;
padding-left:10px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
height:20px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::after{
content:"First Poster";
display:block;
position:absolute;
line-height:16px;
font-size:12px;
color:#999;
height:16px;
padding:0px 12px;
width:calc(30% - 3px);
left:calc(70% + 3px);
border-left:1px solid #aaaaaa;
top:2px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap{
margin:0px;
border-width:0px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
background-color:#eaeaea;
height:113px;
padding:5px 0 5px 10px;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap:hover{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>*{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.message{
display:block !important;
height:105px;
padding-top:17px;
overflow:hidden;
width:56%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter{
display:block !important;
position:absolute;
visibility:hidden;
top:0px;
left:0px;
width:100%;
height:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter a{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter *{
padding:0px !important;
margin:0px !important;
border-width:0px !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1{
position:absolute;
z-index:1;
overflow:visible;
padding:0px;
width:calc(100% - 10px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::before{
background-color:#eaeaea;
width:100%;
height:25px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::before{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::after{
content:"";
background-color:#eaeaea;
position:absolute;
width:6.68px;
height:12px;
top:58px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::after{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1>a{
position:absolute;
max-width:63%;
font-size:16px;
line-height:16px;
height:17px;
overflow:hidden;
top:7px;
left:10px;
text-overflow:ellipsis;
white-space:nowrap;
width:63%;
font-weight:normal;
color:var(--primarycolor);
}
/**Post count add-on.**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies{
display:block !important;
position:absolute;
right:calc(30% + 1px);
top:17px;
font-size:12px;
color:#aaa;
text-decoration:none !important;
visibility:visible;
height:calc(100% - 17px);
width:100%;
text-align:right;
width:calc(70% - 0.7px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::before{
content:"x";
font-family:AoPS;
font-size:11px;
color:#aaa;
margin-right:3.34px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::after{
content:"";
position:absolute;
width:calc(1000% / 7 + 1px);
height:calc(100% + 21px);
right:calc(-300% / 7 - 1.3px);
top:-19px;
z-index:100;
}
#main>div:not(.blog-posts-box):last-child::after{
content:"No more topics!";
font-size:15px;
color:#333333;
padding:5px;
display:block;
}
/**Fixing letter spacing in h1.**/
h1{
letter-spacing:0px;
}
/**Shouts.**/
#message{
width:calc(100% - 4px);
}
#shouts-widget>.widget-content>.blog-shout-wrapper{
min-width:0px;
}
/**The "Quick Reply" button.**/
#main>h1{
order:1;
font-size:0px;
flex:0 0 2px;
background:linear-gradient(90deg,#555555 calc(100% - 3px),#666666 calc(100% - 3px));
}
#main>p:not(:first-child){
order:2;
display:block;
flex:1 0 28px;
background-color:#666666;
padding:4px 7px 2px 4px;
margin:0px;
position:relative;
}
#main>p:not(:first-child)>.blog-post-comment{
display:block;
height:18px;
border-radius:6px;
font-size:0px;
position:relative;
z-index:1;
}
#main>p:not(:first-child)::before{
content:"N";
font-family:AoPS;
font-size:12px;
line-height:18px;
position:absolute;
border-radius:6px;
background-color:white;
width:calc(100% - 11px);
padding-left:6px;
color:#aaaaaa;
}
#main>p:not(:first-child)::after{
content:"Quick Reply";
font-family:Roboto,sans-serif;
font-style:italic;
font-size:12px;
line-height:18px;
position:absolute;
left:23.52px;
top:4px;
color:#aaaaaa;
}
/**Tags.**/
.cmty-item-tag{
background-color:var(--primarycolor) !important;
color:white !important;
}
.cmty-item-tag:hover{
background-color:var(--secondarycolor) !important;
color:var(--primarycolor) !important;
}
/**:has implementation**/
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)){
border-right:3px solid #666666;
border-top:59.35px solid #666666;
margin-top:-74px;
height:calc(100% + 74px);
}
#navigation_box:has(+#wrapper>#content>#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::after{
width:223px;
border-right:3px solid #666666;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))+#side>div:nth-of-type(4){
display:none;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))){
width:100%;
background-color:transparent;
direction:rtl;
overflow-x:hidden;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))>*{
direction:ltr;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))+#side{
height:0px;
padding:0px;
margin:0px;
border-width:0px;
}
/**Scrollbar.**/
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))::-webkit-scrollbar{
display:block;
width:8px;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))::-webkit-scrollbar-track{
background-color:#cccccc;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))::-webkit-scrollbar-thumb{
background-color:#666666;
border-radius:4px;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::-webkit-scrollbar{
display:block !important;
width:8px;
z-index:1002;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::-webkit-scrollbar-track{
background-color:#666666;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::-webkit-scrollbar-thumb{
border-radius:4px;
/**So scrollbar is small enough so arrow things fit**/
background:linear-gradient(0deg,transparent 13px,#dddddd 13px,#dddddd calc(100% - 13px),transparent calc(100% - 13px)),radial-gradient(circle at 50% calc(100% - 13px),#dddddd 4px,transparent 4px),radial-gradient(circle at 50% 13px,#dddddd 4px,transparent 4px);
min-height:26px;
}
/**The arrow things.**/
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)):before{
content:"G";
font-family:AoPS;
font-size:10px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 3px);
top:calc(261px - 74px + 58.35px - 55px);
cursor:pointer;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::after{
content:"H";
font-family:AoPS;
font-size:10px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 3px);
cursor:pointer;
/**It should theoretically be 47px but this looks inaccurate.**/
bottom:47px;
}
div#wrapper>div#content>div#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)):has(>div.blog-reply-window.cmty-reply-window.blog-reply-open)::after{
bottom:313px;
}
/**The "X" in the top right corner.**/
#header:has(+#content>#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5)){
z-index:1003;
overflow:visible;
}
#header:has(+#content>#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5))>a::before{
content:"J";
font-family:AoPS;
font-size:24px;
line-height:22px;
position:absolute;
right:calc(50% - var(--width) / 2 + 3px + 4px + 2.296874px);
top:36px;
color:#dddddd;
}
/**Font size for commenting**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
font-size:15px;
}
/**Revert back to old header but with "X" when previewing because display:fixed causes some problems.**/
/**Get rid of scrollbar**/
/**div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing)::-webkit-scrollbar,div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing)::before,div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing)::after{
display:none !important;
}
div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing){
border-right-width:0px;**/
/**Absolute positioned header**/
/**border-top-width:1px;
}
div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing) .entry>h1{
position:absolute;
top:0px;
}**/
/**AVATAR FIX (Credits: reminiscence.css.)**/
h2>strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/418632"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_418632.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/418632"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_418632.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/612903"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_612903.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/612903"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_612903.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587919"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587919.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587919"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587919.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/585172"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_585172.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/585172"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_585172.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/440029"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_440029.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/440029"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_440029.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/593414"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_593414.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/593414"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_593414.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546195"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546195.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546195"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546195.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/482399"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_482399.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/482399"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_482399.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/351989"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_351989.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/351989"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_351989.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/564412"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_564412.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/564412"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_564412.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/540181"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540181.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/540181"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540181.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/394206"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_394206.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/394206"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_394206.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/561462"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_561462.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/561462"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_561462.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/540990"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540990.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/540990"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540990.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/821377"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_821377.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/821377"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_821377.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/785184"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_785184.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/785184"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_785184.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/731457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_731457.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/731457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_731457.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/592434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_592434.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/592434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_592434.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546904"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546904.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546904"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546904.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/511288"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_511288.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/511288"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_511288.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/365093"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_365093.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/365093"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_365093.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/777323"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_777323.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/777323"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_777323.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/618877"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_618877.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/618877"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_618877.png") !important;
}
[/css]
[/hide]
[hide=Release v1.5.1]
[css]
/**Credits: https://artofproblemsolving.com/community/c66h2410025_an_aops_css and https://artofproblemsolving.com/community/c66h2067759_release_solvecss for the idea, https://artofproblemsolving.com/community/c66 for an actual AoPS forum which I could refer to, reminiscence.css for the avatar fix using attributes idea, [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the above the header idea, SamuraiA for the :hover with ::before and ::after explanation, forester2015 and Facejo for the search button suggestion, Facejo and MinecraftFox for pointing out bugs, Yelly314 for pointing out a coloring issue, WyattB for the idea for the after bookmarking effect, Printrbot for the search widget and entry titles modification, aops-g5-gethsemanea2 for the login/logout suggestion, AndrewC10 for pointing out a bug, pog for pointing out an error, CoolCarsOnTheRun for making the suggestion to put #side on the other side, https://artofproblemsolving.com/community/c1066032, which was gotten from https://artofproblemsolving.com/community/c66h2556490_weird_preview_thing, for the "if person is on main page" thing, and https://artofproblemsolving.com/texer/ for a place to put 40000+ character css codes.**/
/**forum.css?**/
/**Made by Zhaom**/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/**Variables**/
:root{
--primarycolor:rgb(53,108,181);
--secondarycolor:rgb(218,231,246);
--entryhoverbackgroundcolor:rgb(236,243,250);
--titlelength:111.05px;
--width:min(1230px,100vw);
}
/**Blog Info (Note: In the wrong place but as the width of the title of the blog can vary, I put it on the opposite side of the header.)**/
#navigation_box>#right_navigation_box{
width:100%;
left:0px;
top:-44px;
}
#navigation_box>#right_navigation_box>.blog-info{
width:100%;
left:0px;
top:0px;
visibility:hidden;
position:absolute;
}
#navigation_box>#right_navigation_box>.blog-info::after{
content:"3";
font-family:AoPS;
color:var(--secondarycolor);
font-size:16px;
position:absolute;
top:76px;
left:calc(50% - var(--width) / 2 + var(--titlelength) + 6px);
visibility:visible;
line-height:22px;
}
#navigation_box>#right_navigation_box>.blog-info:hover::after{
color:white;
}
#post-new-entry-img{
display:none;
}
#post-new-entry{
color:white;
visibility:hidden;
}
#post-new-entry-p{
margin:0px 0px 0px 0px;
position:absolute;
top:0px;
width:var(--width);
left:calc(50% - var(--width) / 2);
}
#post-new-entry::after{
color:var(--secondarycolor) !important;
font-size:15px;
content:"New Topic";
position:absolute;
right:10px;
top:102.75px;
z-index:349857937460254979276895647384673098;
padding-left:17.34px;
visibility:visible;
font-family:"Roboto",sans-serif;
padding-top:6px;
}
#post-new-entry::before{
color:var(--secondarycolor) !important;
font-size:16px;
content:"V";
font-family:AoPS;
position:absolute;
right:calc(10px + 70.03px + 2px);
top:107.75px;
z-index:349857937460254979276895647384673098;
visibility:visible;
}
#post-new-entry:hover::after{
color:white !important;
border-bottom:1px solid white;
}
#post-new-entry:hover::before{
color:white !important;
}
#wrapper{
width:var(--width);
padding:0px 0px 0px 0px !important;
border-width:0px 0px 0px 0px !important;
background:none !important;
}
#header{
border-width:0px 0px 0px 0px !important;
height:30px;
background-color:var(--primarycolor);
font-size:20px;
margin-bottom:74px;
font-family:Roboto,sans-serif;
}
#main{
padding:0px;
width:calc(100% - 223px);
height:100%;
overflow-y:auto;
border-bottom:3px solid #666666;
float:right;
background-color:white;
display:flex;
flex-direction:column;
border-top:1px solid #666666;
}
#side{
float:left;
background:url("https://artofproblemsolving.com/m/community/img/blogs/hyperion/bg.png") repeat-y;
width:223px;
border-right:3px solid #666666;
}
#header>a>h1{
text-align:left !important;
text-decoration:none !important;
color:white !important;
padding-left:10px !important;
font-weight:700;
line-height:31px;
width:fit-content;
font-size:20px;
}
#header:hover>a>h1{
color:var(--secondarycolor) !important;
}
#navigation_box{
top:72px;
height:26px;
border-bottom:none !important;
background-color:#009fad !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry{
margin-top:0px !important;
border-bottom:1px solid #666666 !important;
padding-bottom:0px !important;
border-right:3px solid #666666;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
background-color:transparent !important;
border-width:0px 0px 0px 0px !important;
margin-right:24px !important;
border-right:1px solid #eeeeee !important;
}
#search-widget{
position:absolute;
left:calc(50% - var(--width) / 2 + 12px);
top:145px;
background:transparent;
padding:0px 0px 0px 0px !important;
z-index:1000000;
}
#search-widget>.widget-header,#search-widget>.widget-settings,#search-widget>.widget-footer{
display:none;
}
#search-widget>.widget-content{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform>fieldset{
border-width:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget input.button2{
display:none;
}
.blog-shout-wrapper>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
.blog-tags-wrapper>.cmty-itembox>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}

/**Ok now I'll start comments.**/
/**The following code makes the tags widget get moved to the place where it is in the forums.**/
/**Hiding the "Tags" header.**/
#side>div:not(.block):not(.widget) .widget-header{
display:none;
}
/**Basically just repositioning the tags.**/
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper{
height:64px;
border-width:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:4px 5px 4px 0px;
position:absolute;
top:133px;
left:calc(50% - var(--width) / 2 + 220px);
width:calc(var(--width) - 220px - 5px);
background-color:#eee;
z-index:1000000;
}
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper .cmty-itembox{
height:64px;
}
#side>div:not(.block):not(.widget) .cmty-itembox-inner-box{
width:calc(100% - 23px);
margin-right:0px !important;
}
/**Getting rid of odd background and making a border.**/
#navigation_box::after{
content:" ";
width:var(--width);
position:absolute;
top:61px;
height:74px;
left:calc(50% - var(--width) / 2);
border-bottom:2px solid #666666;
background-color:white;
}
/**AoPS pattern background thing. Credits: https://artofproblemsolving.com/community/q1h2404405p19704343 and https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png for the background.**/
#page-wrapper{
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
padding-top:103px !important;
background-position:0px calc(100% - 42px);
}
/**Patching z-index stuff.**/
.aops-modal-mask{
z-index:3498579374602549792768956473846730980 !important;
}
.aops-modal-wrapper{
z-index:3498579374602549792768956473846730981 !important;
}
/**Header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1{
padding:6px 7px 4px 11px !important;
background-color:#666666;
height:58.35px;
font-size:16px;
position:absolute;
width:calc(var(--width) - 226px);
/**top:calc(243px - 74px);**/
margin-top:-58.35px;
z-index:1002;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
color:white !important;
letter-spacing:normal;
line-height:20px;
}
/**Remove relative position on entrywrap.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
position:static;
}
/**Note: If the tags scrolling bothers you, you can delete this piece of code.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper{
position:absolute;
top:calc(243px + 55px - 28px - 74px + 58.35px - 55px + 5px - 4px - 1.85px - 35px);
margin-left:calc(0.5em - 11px);
margin-top:0px;
height:23px !important;
overflow:auto;
width:calc(var(--width) - 454px);
z-index:1002;
}
/**Fixing tag margins.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper .cmty-item-tag{
margin-top:1.5px;
margin-bottom:1.5px;
}
/**Left side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-poll{
margin-left:calc(110px - 0.5em);
border-top:5px solid transparent;
position:relative !important;
z-index:1 !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .message{
margin-left:calc(110px - 0.5em);
position:relative !important;
z-index:1003 !important;
font-family:Roboto,sans-serif;
overflow:visible;
}
h2>strong:nth-child(2){
position:absolute;
left:calc(-1em - 100px + 34.9px);
top:95px;
z-index:1;
font-style:normal;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) h2{
position:relative;
margin-left:calc(110px + 1em - 34.9px);
color:#aaaaaa !important;
font-style:italic;
font-size:12px;
padding-top:5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry .entrywrap{
min-height:calc(143px - 1em);
margin-top:calc(-155px / 7);
padding-top:1em;
padding-bottom:1em;
margin-bottom:0px;
display:flex;
flex-direction:column;
padding-right:8px;
}
.efooter{
position:absolute;
bottom:0px;
}
h2>strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
/**Getting rid of "by , " and the picture before that.**/
h2::before{
content:" ";
position:absolute;
left:0px;
width:34.9px;
height:100%;
background-color:white;
}
/**Moving the contents of the efooter.**/
.efooter ul li a.post-replies{
display:none;
}
.efooter ul li a.post-comment{
visibility:hidden;
}
.efooter ul li a.post-comment::after{
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
content:"Reply";
font-size:15px;
color:#dddddd;
visibility:visible;
padding-left:18.56px;
z-index:1002;
letter-spacing:0px;
line-height:17.5px;
font-family:"Roboto",sans-serif;
}
.efooter ul li a.post-comment:hover::after{
border-bottom:1px solid #dddddd;
}
.efooter ul li a.post-comment::before{
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px + 36.34px + 2px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
content:"N";
font-family:AoPS;
font-size:16px;
color:#dddddd;
visibility:visible;
z-index:1002;
line-height:17.5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter{
/**width:100%;
height:100%;
padding:0.5em;
margin:0.5em;**/
position:static;
bottom:revert;
order:-1;
/**right:calc(50% - var(--width) / 2);
left:-0.5em;
top:-0.5em;**/
height:1em;
margin-top:-1em;
margin-right:calc(-12.1px - 8px - 1px - 5px);
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>div{
padding:0px;
height:0px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>div>ul{
display:inline-block !important;
padding:0px !important;
margin:0px !important;
border-width:0px !important;
height:0px !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>div>ul>li{
vertical-align:top;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>.modactions>ul>li:first-child{
float:right;
margin:0px;
border-width:0px;
padding:0px;
}
/**#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}**/
/**Repositioning edit info.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap>.cmty-post-edit-info{
margin-left:calc(110px - 0.5em) !important;
position:relative !important;
z-index:1 !important;
width:fit-content;
}
/**Right side of posts.**/
/**#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(1){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post{
visibility:hidden;
display:inline-block;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:relative;
visibility:visible;
z-index:1001;
display:inline-block;
margin-top:3px;
}
/**More header of posts.**/
/**#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::before{
content:"X";
font-family:AoPS;
font-size:16px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px + 8px + 155.7px - 79.08px - 16px + 29.179px + 2px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
visibility:visible;
z-index:1002;
line-height:17.5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::after{
content:"Mod";
font-size:15px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px + 8px + 155.7px - 79.08px - 16px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
visibility:visible;
padding-left:20.04px;
z-index:1002;
line-height:17.5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic:hover::after{
border-bottom:1px solid #dddddd;
}
/**Comments css starts here.**/
/**Deleting margin. Also, tips need to work.**/
.comment{
margin-top:0px !important;
overflow:visible !important;
}
/**Repositioning and resizing commenting box.**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open{
padding-bottom:0px !important;
margin-top:0px !important;
border-top:7px solid #666666 !important;
top:calc(100% - 266px - 47px + 67px);
left:calc(50% - var(--width) / 2 + 220px);
width:calc(var(--width) - 220px);
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ{
border-left:3px solid #666666 !important;
border-right:3px solid #666666 !important;
border-bottom:3px solid #666666 !important;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open::before{
content:"";
position:absolute;
width:100vw;
height:calc(100% - 197px);
min-height:67px;
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
z-index:-1;
top:197px;
right:calc(var(--width) / 2 - 50vw);
}
#main .blog-reply-window.cmty-reply-window{
position:absolute;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container,#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
height:200px;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-post-preview{
border-width:0px;
}
/**Adding a border to the right of the commenting box and also fixing tip overflow.**/
.blog-posts-box{
border-right:3px solid #666666;
overflow:hidden;
flex-shrink:0;
padding-bottom:30px;
margin-bottom:-30px;
}
/**Add extra space to the bottom if the commenting box has class .blog-reply-open.**/
/**#main>.blog-reply-window.cmty-reply-window.blog-reply-open~h1{
border-bottom:235px solid #666666;
flex:0 0 237px;
box-shadow:0px 28px #666666;
}**/
#main:has(>.blog-reply-window.cmty-reply-window.blog-reply-open){
border-bottom:269px solid #666666;
}
#main:has(>.blog-reply-window.cmty-reply-window.blog-reply-open)>p:not(:first-child){
display:none;
}
/**Adding more padding to cmty-post-attachments.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-attachments{
padding-left:calc(110px - 0.5em) !important;
position:relative !important;
z-index:1 !important;
}
/**Making comments look like posts in forums.**/
.comment{
background-color:white !important;
border-bottom:1px solid #666666 !important;
}
.commentwrap{
min-height:143px;
margin-top:0px !important;
margin-right:24px !Important;
padding-top:calc(0.5em + 17px) !important;
border-right:1px solid #eeeeee !important;
width:auto !important;
overflow:visible !important;
}
.commentwrap .cfooter{
width:100%;
height:100%;
position:absolute;
padding:inherit;
margin:inherit;
left:0px;
bottom:0px;
pointer-events:none;
}
.commentwrap .cfooter *{
pointer-events:all;
}
.commentwrap .cfooter .actions{
font-size:12px !important;
color:#aaaaaa !important;
position:absolute;
left:calc(110px - 38.02px + 7.33333333333333333333333px);
top:-6px;
font-style:italic;
}
.commentwrap .cfooter .actions .author{
position:relative;
}
.commentwrap .cfooter .actions .author::before{
position:absolute;
left:0px;
top:0px;
height:100%;
content:"";
width:38.02px;
background-color:white;
}
.commentwrap .cfooter .actions .author strong:nth-child(2){
position:absolute;
left:calc(10px - 110px + 38.02px - 7.33333333333333333333333px);
top:90px;
font-style:normal;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
.commentwrap .message,.commentwrap .cmty-post-attachments,.commentwrap .cmty-post-edit-info{
margin-left:110px;
position:relative !important;
font-family:Roboto,sans-serif;
width:calc(100% - 110px);
}
/**Tips need to work.**/
.commentwrap .message{
overflow:visible;
}
.commentwrap .cfooter .modactions ul li a{
visibility:hidden;
}
.commentwrap .cfooter .modactions ul li a.blog-report-post::after{
content:"Z";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.17px;
top:3px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:25px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-delete-post::after{
content:"J";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-17.25px;
top:47px;
visibility:visible;
}
/**Hiding the "No posts in this blog. Yet!" text.**/
.blog-no-topics{
display:none;
}
/**Post number.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
counter-reset:postnumber;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
text-align:right;
height:calc(44px / 3 - 5px);
margin-top:calc(-44px / 3 + 5px);
}
body{
counter-reset:postnumber;
counter-increment:postnumber;
}
.commentwrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:5px;
right:8px;
}
/**Above the header.**/
/**Credits: [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the idea.**/
/**Hiding some things.**/
#right_navigation_box{
visibility:hidden;
}
/**Repositioning left_navigation_box, recoloring it, etc.**/
#left_navigation_box{
position:absolute;
left:calc(50% - var(--width) / 2);
font-size:12px !important;
font-weight:700;
color:#cdeef1;
text-transform:uppercase;
line-height:25px;
}
/**Making the top.**/
#navigation_box::before{
content:"";
position:absolute;
width:100%;
height:72px;
background-color:white;
top:-72px;
left:0px;
}
#left_navigation_box::before{
content:"";
position:absolute;
left:30px;
top:-59.4px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:254.17px 46.8px;
height:46.8px;
width:254.17px;
z-index:12;
}
/**Feed overlapping with header bug fix.**/
#feed-wrapper{
z-index:10000000000 !important;
top:70px !important;
}
/**Subscribe button becomes bookmark button.**/
#navigation_box>#right_navigation_box>#blog-subscribe{
width:100%;
top:0px;
left:0px;
position:absolute;
}
#navigation_box>#right_navigation_box>#blog-subscribe::after{
content:"Bookmark";
position:absolute;
right:calc(50% - var(--width) / 2 + 110.25px);
top:80px;
visibility:visible;
color:var(--secondarycolor);
font-size:15px;
padding-left:11.05px;
line-height:18px;
font-family:"Roboto",sans-serif;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::after{
content:"Remove" !important;
padding-left:19.56px;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::before{
content:"D" !important;
right:calc(50% - var(--width) / 2 + 110.25px + 2px + 53.91px) !important;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::after{
color:white;
border-bottom:1px solid white;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::before{
color:white;
}
#navigation_box>#right_navigation_box>#blog-subscribe::before{
content:"B";
font-family:AoPS;
position:absolute;
right:calc(50% - var(--width) / 2 + 110.25px + 2px + 68.05px);
top:81px;
visibility:visible;
color:var(--secondarycolor);
font-size:16px;
z-index:1;
line-height:16px;
width:1234px;
pointer-events:none;
}
/**Fixing length of names and also changing line height.**/
h2>strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
line-height:18px;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:black;
}
#right_navigation_box>.blog-login:hover::before{
color:white !important;
}
/**Search widget and entry titles. Credits: Printrbot, slightly modified.**/
#blog_keywords{
border-radius:6px;
}
#search-widget, #search-widget>.widget-content{
width:200px;
height:23px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
font-weight:700;
font-family:Roboto,sans-serif;
width:calc(100% - 78px);
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/**Blog logout.**/
#navigation_box .blog-logout{
visibility:visible;
color:#009fad;
font-size:13px;
font-weight:500;
position:absolute;
right:calc(50% - var(--width) / 2 + 40px);
font-family:Roboto,sans-serif;
line-height:15px;
top:-20px;
text-transform:uppercase;
padding-right:12.52px;
z-index:11;
height:15px;
pointer-events:auto;
}
#navigation_box .blog-logout::after{
content:"SIGN OUT";
position:absolute;
height:2px;
right:0px;
top:21px;
padding:0px;
overflow:hidden;
z-index:11;
width:101.55px;
background-color:white;
pointer-events:none;
color:#1b365d;
}
#navigation_box .blog-logout:hover::after{
height:fit-content;
padding:18px 12px 12px;
display:flex;
top:15px;
width:101.55px;
background-color:transparent;
pointer-events:auto;
}
#navigation_box .blog-logout::before{
content:"LOGOUT";
display:block;
position:absolute;
width:fit-content;
height:20px;
background-color:white;
pointer-events:none;
z-index:384;
left:0px;
color:transparent;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:20px 20px;
background-repeat:no-repeat;
background-position:right 6px bottom;
margin-top:-2.5px;
}
#navigation_box>.clear::after{
content:"S";
font-size:13px;
font-family:AoPS;
position:absolute;
top:-62px;
right:calc(50% - var(--width) / 2 + 42px);
color:#009fad;
}
#right_navigation_box::after{
content:"";
position:absolute;
right:calc(50% - var(--width) / 2 + 40px);
top:1px;
height:2px;
width:101.55px;
background-color:#009fad;
visibility:visible;
z-index:10;
}
/**Blog login.**/
#navigation_box .blog-login::before{
content:"";
position:absolute;
width:6.52px;
height:14px;
right:calc(50% - var(--width) / 2 + 40px);
top:-20px;
background-color:white;
visibility:visible;
z-index:1;
pointer-events:none;
}
#navigation_box .blog-login::after{
content:"SIGN IN/REGISTER";
visibility:visible;
right:calc(50% - var(--width) / 2 + 40px);
top:-20px;
background-color:white;
z-index:1;
color:#009fad;
font-size:13px;
line-height:15px;
position:absolute;
pointer-events:auto;
}
#navigation_box .blog-login:hover::after{
text-decoration:underline;
}
#navigation_box .blog-login{
position:absolute;
width:100%;
background-color:white;
left:0px;
z-index:11;
visibility:visible;
pointer-events:none;
}
/**Everything in aops-modal-wrapper.**/
.aops-modal-frame{
border-width:0px;
padding:6px;
box-shadow:none;
}
.aops-modal-content-wrapper{
box-shadow:none;
}
.aops-modal-standard .aops-modal-footer,.aops-modal-plain-body .aops-modal-footer{
background-color:transparent;
}
.btn-primary{
background-color:#1b365d;
font-family:Roboto,sans-serif;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.btn-active,.open .dropdown-toggle.btn-primary{
background-color:#135b7b;
border-color:#135b7b;
}
.aops-close-x{
right:-6px;
top:-4px;
font-size:20px;
border-radius:0px;
background-color:transparent;
color:#1b365d;
padding-top:0px;
}
.aops-close-x:hover{
color:#009fad !important;
}
#login-form .info{
background-color:transparent;
color:transparent;
}
#login-form .info::before{
content:"";
display:inline-block;
width:200px;
height:36.8281px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:100% auto;
vertical-align:middle;
position:relative;
left:89.2969px;
}
#login-form .info::after{
content:"Sign In";
font-size:30px;
color:#1a355d;
position:absolute;
vertical-align:middle;
left:calc(99.2969px + 208px);
}
#login-form-links{
background-color:transparent;
}
#login-form-links>p:first-child{
display:none;
}
.aops-modal-content-wrapper>.aops-scroll-outer{
box-shadow:none;
}
.cmty-posting-modal .aops-close-x{
right:2px;
top:6px;
color:white;
}
/**Editing left_navigation_box links.**/
#left_navigation_box>a{
color:#cdeef1;
font-family:Roboto,sans-serif;
line-height:28px;
font-size:12px;
}
#left_navigation_box>a:hover{
text-decoration:underline;
}
#left_navigation_box>a:last-child{
color:white;
pointer-events:none;
}
/**Scrollable side.**/
#side{
height:100%;
border-bottom:2px solid #666666;
overflow-y:auto;
}
/**Succession of height:100%;s to prevent white space.**/
html.svg{
height:100%;
border-top:35px solid #dddddd;
}
html.svg>body.community{
height:100%;
position:relative;
}
html.svg>body.community>#page-wrapper{
height:100%;
}
html.svg>body.community>#page-wrapper>#wrapper{
height:100%;
}
/**Slightly different height.**/
#content{
height:calc(100% - 151px);
}
/**Footer.**/
#wrapper::before{
content:"";
position:absolute;
width:100%;
height:42px;
left:0px;
bottom:0px;
background-color:#1b365d;
}
#wrapper::after{
content:"";
position:absolute;
left:calc(50% - var(--width) / 2 + 30px);
bottom:12px;
width:119.47px;
height:22px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online-footer.svg");
background-size:119.47px 22px;
}
.aops-modal-standard .aops-modal-title,.aops-modal-plain-body .aops-modal-title{
background-color:transparent;
}
/**Main page stuff. (Credits: https://artofproblemsolving.com/community/c1066032.)**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter{
display:none;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2{
color:rgb(53, 108, 181) !important;
position:absolute;
z-index:1;
left:calc(70% + 3px);
font-size:12px;
padding-left:5.32px;
padding-right:12px;
display:flex;
flex-direction:column;
line-height:12px;
top:0px;
padding-top:33px;
margin-top:7px;
border-left:1px solid #aaaaaa;
height:calc(100% - 14px);
width:calc(30% - 3px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong{
left:12px;
top:40px;
font-weight:normal;
font-style:italic;
width:calc(100% - 24px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a{
color:rgb(53, 108, 181) !important;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a::before{
width:40px;
height:40px;
background-size:40px 40px;
top:-40px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry{
border-width:0px;
padding:0px;
margin:0px;
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type{
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::before{
content:"Topic";
display:block;
line-height:16px;
font-size:12px;
color:#999;
background-color:#eeeeee;
padding-left:10px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
height:20px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::after{
content:"First Poster";
display:block;
position:absolute;
line-height:16px;
font-size:12px;
color:#999;
height:16px;
padding:0px 12px;
width:calc(30% - 3px);
left:calc(70% + 3px);
border-left:1px solid #aaaaaa;
top:2px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap{
margin:0px;
border-width:0px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
background-color:#eaeaea;
height:113px;
padding:5px 0 5px 10px;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap:hover{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>*{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.message{
display:block !important;
height:105px;
padding-top:17px;
overflow:hidden;
width:56%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter{
display:block !important;
position:absolute;
visibility:hidden;
top:0px;
left:0px;
width:100%;
height:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter a{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter *{
padding:0px !important;
margin:0px !important;
border-width:0px !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1{
position:absolute;
z-index:1;
overflow:visible;
padding:0px;
width:calc(100% - 10px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::before{
background-color:#eaeaea;
width:100%;
height:25px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::before{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::after{
content:"";
background-color:#eaeaea;
position:absolute;
width:6.68px;
height:12px;
top:58px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::after{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1>a{
position:absolute;
max-width:63%;
font-size:16px;
line-height:16px;
height:17px;
overflow:hidden;
top:7px;
left:10px;
text-overflow:ellipsis;
white-space:nowrap;
width:63%;
font-weight:normal;
color:var(--primarycolor);
}
/**Post count add-on.**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies{
display:block !important;
position:absolute;
right:calc(30% + 1px);
top:17px;
font-size:12px;
color:#aaa;
text-decoration:none !important;
visibility:visible;
height:calc(100% - 17px);
width:100%;
text-align:right;
width:calc(70% - 0.7px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::before{
content:"x";
font-family:AoPS;
font-size:11px;
color:#aaa;
margin-right:3.34px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::after{
content:"";
position:absolute;
width:calc(1000% / 7 + 1px);
height:calc(100% + 21px);
right:calc(-300% / 7 - 1.3px);
top:-19px;
z-index:100;
}
#main>div:not(.blog-posts-box):last-child::after{
content:"No more topics!";
font-size:15px;
color:#333333;
padding:5px;
display:block;
}
/**Fixing letter spacing in h1.**/
h1{
letter-spacing:0px;
}
/**Shouts.**/
#message{
width:calc(100% - 4px);
}
#shouts-widget>.widget-content>.blog-shout-wrapper{
min-width:0px;
}
/**The "Quick Reply" button.**/
#main>h1{
order:1;
font-size:0px;
flex:0 0 2px;
background:linear-gradient(90deg,#555555 calc(100% - 3px),#666666 calc(100% - 3px));
}
#main>p:not(:first-child){
order:2;
display:block;
flex:1 0 28px;
background-color:#666666;
padding:4px 7px 2px 4px;
margin:0px;
position:relative;
}
#main>p:not(:first-child)>.blog-post-comment{
display:block;
height:18px;
border-radius:6px;
font-size:0px;
position:relative;
z-index:1;
}
#main>p:not(:first-child)::before{
content:"N";
font-family:AoPS;
font-size:12px;
line-height:18px;
position:absolute;
border-radius:6px;
background-color:white;
width:calc(100% - 11px);
padding-left:6px;
color:#aaaaaa;
}
#main>p:not(:first-child)::after{
content:"Quick Reply";
font-family:Roboto,sans-serif;
font-style:italic;
font-size:12px;
line-height:18px;
position:absolute;
left:23.52px;
top:4px;
color:#aaaaaa;
}
/**Tags.**/
.cmty-item-tag{
background-color:var(--primarycolor) !important;
color:white !important;
}
.cmty-item-tag:hover{
background-color:var(--secondarycolor) !important;
color:var(--primarycolor) !important;
}
/**:has implementation**/
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)){
border-right:3px solid #666666;
border-top:59.35px solid #666666;
margin-top:-74px;
height:calc(100% + 74px);
overflow:scroll;
overflow-x:hidden;
}
#navigation_box:has(+#wrapper>#content>#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::after{
width:223px;
border-right:3px solid #666666;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))+#side>div:nth-of-type(4){
display:none;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))){
/**width:100%;**/
background-color:transparent;
direction:rtl;
overflow-x:hidden;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))>*{
direction:ltr;
}
/**#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))+#side{
height:0px;
padding:0px;
margin:0px;
border-width:0px;
}**/
/**Scrollbar.**/
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))::-webkit-scrollbar{
display:block;
width:8px;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))::-webkit-scrollbar-track{
background-color:#cccccc;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))::-webkit-scrollbar-thumb{
background-color:#666666;
border-radius:4px;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::-webkit-scrollbar{
display:block !important;
width:8px;
z-index:1002;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::-webkit-scrollbar-track{
background-color:#666666;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::-webkit-scrollbar-thumb{
border-radius:4px;
/**So scrollbar is small enough so arrow things fit**/
background:linear-gradient(0deg,transparent 13px,#dddddd 13px,#dddddd calc(100% - 13px),transparent calc(100% - 13px)),radial-gradient(circle at 50% calc(100% - 13px),#dddddd 4px,transparent 4px),radial-gradient(circle at 50% 13px,#dddddd 4px,transparent 4px);
min-height:26px;
}
/**The arrow things.**/
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::before{
content:"G";
font-family:AoPS;
font-size:10px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 3px);
top:calc(261px - 74px + 58.35px - 55px);
cursor:pointer;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::after{
content:"H";
font-family:AoPS;
font-size:10px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 3px);
cursor:pointer;
/**It should theoretically be 47px but this looks inaccurate.**/
bottom:47px;
}
div#wrapper>div#content>div#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)):has(>div.blog-reply-window.cmty-reply-window.blog-reply-open)::after{
bottom:313px;
}
/**The "X" in the top right corner.**/
#header:has(+#content>#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5)){
z-index:1003;
overflow:visible;
}
#header:has(+#content>#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5))>a::before{
content:"J";
font-family:AoPS;
font-size:24px;
line-height:22px;
position:absolute;
right:calc(50% - var(--width) / 2 + 3px + 4px + 2.296874px);
top:36px;
color:#dddddd;
}
/**Font size for commenting**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
font-size:15px;
}
/**Revert back to old header but with "X" when previewing because display:fixed causes some problems.**/
/**Get rid of scrollbar**/
/**div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing)::-webkit-scrollbar,div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing)::before,div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing)::after{
display:none !important;
}
div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing){
border-right-width:0px;**/
/**Absolute positioned header**/
/**border-top-width:1px;
}
div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing) .entry>h1{
position:absolute;
top:0px;
}**/
/**Hide the sidebar and top when commenting.**/
#wrapper>#content>#main:has(>.blog-reply-open){
border-left:3px solid #666666;
width:var(--width);
height:calc(100% + 141px);
}
#content>#main>.blog-reply-open{
width:var(--width);
left:calc(50% - var(--width) / 2);
}
#main:has(>.blog-reply-open)+#side,#navigation_box:has(+#wrapper>#content>#main>.blog-reply-open)::after{
display:none;
}
#main:has(>.blog-reply-open)>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper{
width:calc(var(--width) - 454px + 220px);
}
#page-wrapper:has(>#wrapper #main>.blog-reply-open){
padding-top:5px !important;
}
#page-wrapper:has(>#wrapper #main>.blog-reply-open)>#navigation_box,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #wrapper::before,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #wrapper::after{
display:none;
}
#page-wrapper:has(>#wrapper #main>.blog-reply-open) #post-new-entry::before,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #post-new-entry::after,#page-wrapper:has(>#wrapper #main>.blog-reply-open) .efooter ul li a.post-comment::before,#page-wrapper:has(>#wrapper #main>.blog-reply-open) .efooter ul li a.post-comment::after,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::before,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::after,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #main:has(>.blog-reply-open)>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::before{
margin-top:-98px;
}
#page-wrapper:has(>#wrapper #main>.blog-reply-open) div#wrapper>div#content>div#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)):has(>div.blog-reply-window.cmty-reply-window.blog-reply-open)::after{
bottom:246px;
}
#page-wrapper:has(>#wrapper #main>.blog-reply-open) .blog-posts-box{
padding-bottom:2px;
margin-bottom:-2px;
}
/**Edit tags fix.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper:has(>.cmty-items-input-box.ui-front){
overflow:visible;
height:25px !important;
background-color:#ffffff;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper>.cmty-items-input-box.ui-front{
height:25px;
padding-right:32px;
position:static;
overflow:auto;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper:has(>.cmty-itembox)::-webkit-scrollbar{
display:block;
width:8px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper:has(>.cmty-itembox)::-webkit-scrollbar-thumb{
background-color:#dddddd;
border-radius:4px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper>.cmty-items-input-box.ui-front input{
margin-top:1px;
}
/**AVATAR FIX (Credits: reminiscence.css.)**/
h2>strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/418632"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_418632.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/418632"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_418632.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/612903"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_612903.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/612903"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_612903.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587919"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587919.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587919"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587919.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/585172"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_585172.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/585172"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_585172.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/440029"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_440029.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/440029"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_440029.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/593414"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_593414.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/593414"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_593414.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546195"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546195.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546195"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546195.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/482399"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_482399.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/482399"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_482399.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/351989"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_351989.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/351989"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_351989.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/564412"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_564412.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/564412"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_564412.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/540181"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540181.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/540181"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540181.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/394206"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_394206.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/394206"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_394206.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/561462"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_561462.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/561462"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_561462.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/540990"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540990.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/540990"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540990.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/821377"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_821377.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/821377"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_821377.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/785184"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_785184.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/785184"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_785184.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/731457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_731457.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/731457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_731457.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/592434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_592434.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/592434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_592434.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546904"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546904.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546904"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546904.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/511288"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_511288.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/511288"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_511288.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/365093"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_365093.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/365093"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_365093.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/777323"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_777323.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/777323"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_777323.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/618877"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_618877.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/618877"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_618877.png") !important;
}
[/css]
[/hide]

 
[url=https://artofproblemsolving.com/community/c66h2414005_release_forumcss]Releases v1.3.0 and earlier[/url]
[hide=Release v1.4.0]
[css]
/**Credits: https://artofproblemsolving.com/community/c66h2410025_an_aops_css and https://artofproblemsolving.com/community/c66h2067759_release_solvecss for the idea, https://artofproblemsolving.com/community/c66 for an actual AoPS forum which I could refer to, reminiscence.css for the avatar fix using attributes idea, [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the above the header idea, SamuraiA for the :hover with ::before and ::after explanation, forester2015 and Facejo for the search button suggestion, Facejo and MinecraftFox for pointing out bugs, Yelly314 for pointing out a coloring issue, WyattB for the idea for the after bookmarking effect, Printrbot for the search widget and entry titles modification, aops-g5-gethsemanea2 for the login/logout suggestion, AndrewC10 for pointing out a bug, pog for pointing out an error, CoolCarsOnTheRun for making the suggestion to put #side on the other side, https://artofproblemsolving.com/community/c1066032, which was gotten from https://artofproblemsolving.com/community/c66h2556490_weird_preview_thing, for the "if person is on main page" thing, and https://artofproblemsolving.com/texer/ for a place to put 40000+ character css codes.**/
/**forum.css?**/
/**Made by Zhaom**/
​
/**Blog Info (Note: In the wrong place but as the width of the title of the blog can vary, I put it on the opposite side of the header.)**/
#navigation_box>#right_navigation_box{
width:100%;
left:0px;
top:-44px;
}
#navigation_box>#right_navigation_box>.blog-info{
width:100%;
left:0px;
top:0px;
visibility:hidden;
position:absolute;
}
#navigation_box>#right_navigation_box>.blog-info::after{
content:"3";
font-family:AoPS;
color:rgb(218,231,246);
font-size:16px;
position:absolute;
top:78px;
right:calc(7.5% + 85.31px + 10px + 8px + 86.02px);
visibility:visible;
}
#navigation_box>#right_navigation_box>.blog-info:hover::after{
color:white;
}
#post-new-entry-img{
display:none;
}
#post-new-entry{
color:white;
visibility:hidden;
}
#post-new-entry-p{
margin:0px 0px 0px 0px;
position:absolute;
top:0px;
width:85%;
left:7.5%;
}
#post-new-entry::after{
color:rgb(218,231,246) !important;
font-size:15px;
content:"New Topic";
position:absolute;
right:10px;
top:106.75px;
z-index:349857937460254979276895647384673098;
padding-left:16.39px;
visibility:visible;
}
#post-new-entry::before{
color:rgb(218,231,246) !important;
font-size:15px;
content:"V";
font-family:AoPS;
position:absolute;
right:calc(10px + 68.92px + 2px);
top:106.75px;
z-index:349857937460254979276895647384673098;
visibility:visible;
}
#post-new-entry:hover::after{
color:white !important;
border-bottom:1px solid white;
}
#post-new-entry:hover::before{
color:white !important;
}
#wrapper{
width:85%;
padding:0px 0px 0px 0px !important;
border-width:0px 0px 0px 0px !important;
background:none !important;
}
#header{
border-width:0px 0px 0px 0px !important;
height:30px;
background-color:rgb(53,108,181);
font-size:20px;
margin-bottom:74px;
font-family:Roboto,sans-serif;
}
#main{
padding:0px 0px 0px 0px;
width:calc(100% - 260px);
height:100%;
overflow-x:visible;
overflow-y:auto;
border-bottom:2px solid #666666;
float:right;
background-color:white;
}
#side{
float:left;
background:url("https://artofproblemsolving.com/m/community/img/blogs/hyperion/bg.png") repeat-y;
width:260px;
border-right:2px solid #666666;
}
#header>a>h1{
text-align:left !important;
text-decoration:none !important;
color:white !important;
padding-left:10px !important;
font-weight:700;
line-height:28px;
width:fit-content;
}
#header:hover>a>h1{
color:rgb(218,231,246) !important;
}
#navigation_box{
top:72px;
height:26px;
border-bottom:none !important;
background-color:#009fad !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry{
margin-top:0px !important;
border-bottom:1px solid #666666 !important;
padding-bottom:0px !important;
position:relative;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
background-color:transparent !important;
border-width:0px 0px 0px 0px !important;
margin-right:24px !important;
border-right:1px solid #eeeeee !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::after{
content:" ";
position:absolute;
width:1px;
height:calc(100% + 1em);
right:-1px;
top:-0.5em;
background-color:#eeeeee;
}
#search-widget{
position:absolute;
left:calc(7.5% + 12px);
top:145px;
background:transparent;
padding:0px 0px 0px 0px !important;
z-index:1000000;
}
#search-widget>.widget-header,#search-widget>.widget-settings,#search-widget>.widget-footer{
display:none;
}
#search-widget>.widget-content{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform>fieldset{
border-width:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget input.button2{
display:none;
}
.blog-shout-wrapper>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
.blog-tags-wrapper>.cmty-itembox>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
​
/**Ok now I'll start comments.**/
/**The following code makes the tags widget get moved to the place where it is in the forums.**/
/**Hiding the "Tags" header.**/
#side>div:nth-child(4) .widget-header{
display:none;
}
/**Basically just repositioning the tags.**/
#side>div:nth-child(4) .widget-content>fieldset.blog-tags-wrapper{
height:64px;
border-width:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:4px 5px 4px 0px;
position:absolute;
top:133px;
left:calc(7.5% + 220px);
width:calc(85% - 220px - 5px);
background-color:#eee;
z-index:1000000;
}
#side>div:nth-child(4) .widget-content>fieldset.blog-tags-wrapper .cmty-itembox{
height:64px;
}
#side>div:nth-child(4) .cmty-itembox-inner-box{
width:calc(100% - 23px);
margin-right:0px !important;
}
/**Getting rid of odd background and making a border.**/
#navigation_box::after{
content:" ";
width:85%;
position:absolute;
top:61px;
height:74px;
left:7.5%;
border-bottom:2px solid #666666;
background-color:white;
}
/**AoPS pattern background thing. Credits: https://artofproblemsolving.com/community/q1h2404405p19704343 and https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png for the background.**/
#page-wrapper{
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
padding-top:103px !important;
}
/**Patching z-index stuff.**/
.aops-modal-mask{
z-index:3498579374602549792768956473846730980 !important;
}
.aops-modal-wrapper{
z-index:3498579374602549792768956473846730981 !important;
}
/**Header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1{
padding:6px 7px 4px 11px !important;
background-color:#666666;
height:55px;
font-size:16px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
color:white !important;
letter-spacing:normal;
}
/**Note: If the tags scrolling bothers you, you can delete this piece of code.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper{
position:absolute;
top:calc(-0.5em - 28px);
left:calc(11px - 0.5em);
margin-top:0px;
height:28px !important;
overflow:auto;
width:calc(100% - 216px);
}
/**Left side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-poll{
margin-left:110px;
position:relative !important;
z-index:1 !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .message{
margin-left:110px;
position:relative !important;
z-index:1 !important;
font-family:Roboto,sans-serif;
}
h2>strong:nth-child(2){
position:absolute;
left:calc(29.8px - 1em - 100px + 7.41px);
top:95px;
z-index:1;
font-style:normal;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) h2{
position:absolute;
left:calc(110px + 1em - 29.8px - 7.41px);
color:#aaaaaa !important;
font-style:italic;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry .entrywrap{
min-height:calc(143px - 1em);
}
.efooter{
position:absolute;
bottom:0px;
}
h2>strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
/**Getting rid of "by , " and the picture before that.**/
h2::before{
content:" ";
position:absolute;
left:0px;
width:37.21px;
height:19px;
background-color:white;
}
/**Moving the contents of the efooter.**/
.efooter ul li a.post-replies{
display:none;
}
.efooter ul li a.post-comment{
visibility:hidden;
}
.efooter ul li a.post-comment::after{
position:absolute;
right:calc(7px - 7.33333333333333333333333px - 24px + 0.5em);
top:calc(-7.33333333333333333333333px - 25px);
content:"Reply";
font-size:15px;
color:#dddddd;
visibility:visible;
padding-left:20.58px;
}
.efooter ul li a.post-comment:hover::after{
border-bottom:1px solid #dddddd;
}
.efooter ul li a.post-comment::before{
position:absolute;
right:calc(7px - 7.33333333333333333333333px + 38.36px + 2px - 24px + 0.5em);
top:calc(-7.33333333333333333333333px - 25px);
content:"N";
font-family:AoPS;
font-size:16px;
color:#dddddd;
visibility:visible;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter{
width:100%;
height:100%;
padding:0.5em;
margin:0.5em;
position:absolute;
left:-0.5em;
top:-0.5em;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
/**Repositioning edit info.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap>.cmty-post-edit-info{
margin-left:110px !important;
position:relative !important;
z-index:1 !important;
width:fit-content;
}
/**Right side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(1){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:-4.33333333333333333333333px;
visibility:visible;
}
/**More header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::before{
content:"X";
font-family:AoPS;
font-size:16px;
color:#dddddd;
position:absolute;
right:calc(7px + 63.94px - 24px + 29.19px + 2px);
top:-32.33333333333333333333333px;
visibility:visible;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::after{
content:"Mod";
font-size:15px;
color:#dddddd;
position:absolute;
right:calc(7px + 63.94px - 24px);
top:-32.33333333333333333333333px;
visibility:visible;
padding-left:19.11px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic:hover::after{
border-bottom:1px solid #dddddd;
}
/**Comments css starts here.**/
/**Hiding a few things and deleting some margins and paddings.**/
#main>#post-new-entry-p~h1:nth-child(5){
display:none;
}
#main>h1:nth-child(4){
display:none;
}
#main>#post-new-entry-p~p:nth-child(3){
display:none;
}
#main>p:nth-child(2){
display:none;
}
#main>h1{
display:none;
}
.comment{
margin-top:0px !important;
overflow:hidden !important;
}
/**Repositioning and resizing commenting box.**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open{
padding-bottom:0px !important;
margin-top:0px !important;
border-top:7px solid #666666 !important;
top:calc(100% - 263px - 47px);
left:calc(7.5% + 260px);
width:calc(85% - 260px);
z-index:1000000;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open::before{
content:"";
position:absolute;
width:calc(100%*20/17 + 260px*20/17);
height:calc(100% - 261px);
min-height:42px;
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
z-index:-1;
top:261px;
right:calc(-300%/34 - 3*260px/34);
}
#main .blog-reply-window.cmty-reply-window{
position:absolute;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container,#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
height:200px;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-post-preview{
border-width:0px;
border-bottom:2px solid #666666 !important;
}
/**Add extra space to the bottom if the commenting box has class .blog-reply-open.**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open~.blog-posts-box::after{
content:"";
display:block;
width:100%;
height:261px;
}
/**Adding more padding to cmty-post-attachments.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-attachments{
padding-left:110px !important;
position:relative !important;
z-index:1 !important;
}
/**Making comments look like posts in forums.**/
.comment{
background-color:white !important;
border-bottom:1px solid #666666 !important;
}
.commentwrap{
min-height:143px;
margin-top:0px !important;
margin-right:24px !Important;
padding-top:calc(0.5em + 17px) !important;
border-right:1px solid #eeeeee !important;
width:auto !important;
overflow:visible !important;
}
.commentwrap .cfooter{
width:100%;
height:100%;
position:absolute;
padding:inherit;
margin:inherit;
left:0px;
bottom:0px;
}
.commentwrap .cfooter .actions{
font-size:12px !important;
color:#aaaaaa !important;
position:absolute;
left:calc(110px - 38.02px + 7.33333333333333333333333px);
top:-6px;
font-style:italic;
}
.commentwrap .cfooter .actions::before{
position:absolute;
left:0px;
top:0px;
height:100%;
content:"";
width:38.02px;
background-color:white;
}
.commentwrap .cfooter .actions .author strong:nth-child(2){
position:absolute;
left:calc(10px - 110px + 38.02px - 7.33333333333333333333333px);
top:98px;
font-style:normal;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
.commentwrap .message,.commentwrap .cmty-post-attachments,.commentwrap .cmty-post-edit-info{
margin-left:110px;
position:relative !important;
z-index:1 !important;
font-family:Roboto,sans-serif;
}
.commentwrap .cfooter .modactions ul li a{
visibility:hidden;
}
.commentwrap .cfooter .modactions ul li a.blog-report-post::after{
content:"Z";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.17px;
top:3px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:25px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-delete-post::after{
content:"J";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-17.25px;
top:47px;
visibility:visible;
}
/**Hiding the "No posts in this blog. Yet!" text.**/
.blog-no-topics{
display:none;
}
/**Post number.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
counter-reset:postnumber;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:-2.33333333333333333333333px;
right:8px;
}
body{
counter-reset:postnumber;
counter-increment:postnumber;
}
.commentwrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:5px;
right:8px;
}
/**Above the header.**/
/**Credits: [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the idea.**/
/**Hiding some things.**/
#right_navigation_box{
visibility:hidden;
}
/**Repositioning left_navigation_box, recoloring it, etc.**/
#left_navigation_box{
position:absolute;
left:7.5%;
font-size:12px !important;
font-weight:700;
color:#cdeef1;
text-transform:uppercase;
line-height:25px;
}
/**Making the top.**/
#navigation_box::before{
content:"";
position:absolute;
width:100%;
height:72px;
background-color:white;
top:-72px;
left:0px;
}
#left_navigation_box::before{
content:"";
position:absolute;
left:30px;
top:-59.4px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:254.17px 46.8px;
height:46.8px;
width:254.17px;
z-index:12;
}
/**Feed overlapping with header bug fix.**/
#feed-wrapper{
z-index:10000000000 !important;
top:70px !important;
}
/**Subscribe button becomes bookmark button.**/
#navigation_box>#right_navigation_box>#blog-subscribe{
width:100%;
top:0px;
left:0px;
position:absolute;
}
#navigation_box>#right_navigation_box>#blog-subscribe::after{
content:"Bookmark";
position:absolute;
right:calc(7.5% + 102.75px);
top:80px;
visibility:visible;
color:rgb(218,231,246);
font-size:15px;
padding-left:11.05px;
padding-bottom:4px;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::after{
content:"Remove" !important;
padding-left:19.56px;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::before{
content:"D" !important;
right:calc(7.5% + 102.75px + 2px + 55.86px) !important;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]~.blog-info::after{
right:calc(7.5% + 85.31px + 10px + 8px + 75.41px + 7.44px);
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::after{
color:white;
border-bottom:1px solid white;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::before{
color:white;
}
#navigation_box>#right_navigation_box>#blog-subscribe::before{
content:"B";
font-family:AoPS;
position:absolute;
right:calc(7.5% + 102.75px + 2px + 67.53px);
top:80px;
visibility:visible;
color:rgb(218,231,246);
font-size:16px;
z-index:1;
}
/**Fixing length of names.**/
h2>strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:black;
}
#right_navigation_box>.blog-logout:hover::before,#right_navigation_box>.blog-login:hover::before{
color:white !important;
}
/**Removing scrollbar from #main.**/
#main::-webkit-scrollbar{
display:none;
}
/**Search widget and entry titles. Credits: Printrbot, slightly modified.**/
#blog_keywords{
border-radius:6px;
}
#search-widget, #search-widget>.widget-content{
width:200px;
height:23px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
font-weight:700;
font-family:Roboto,sans-serif;
width:calc(100% - 78px);
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/**Blog logout.**/
#navigation_box .blog-logout{
visibility:visible;
color:#009fad;
font-size:13px;
font-weight:500;
position:absolute;
right:calc(7.5% + 40px);
font-family:Roboto,sans-serif;
line-height:15px;
top:-20px;
text-transform:uppercase;
padding-right:12.52px;
z-index:11;
height:15px;
}
#navigation_box .blog-logout::after{
content:"SIGN OUT";
position:absolute;
height:2px;
right:0px;
top:21px;
padding:0px;
overflow:hidden;
z-index:11;
width:86.84px;
background-color:white;
pointer-events:none;
}
#navigation_box .blog-logout:hover::after{
height:fit-content;
padding:18px 12px 12px;
display:flex;
top:15px;
width:fit-content;
background-color:transparent;
pointer-events:auto;
}
#navigation_box .blog-logout::before{
content:"LOGOUT";
display:block;
position:absolute;
width:fit-content;
height:15px;
background-color:white;
pointer-events:none;
z-index:384;
left:0px;
color:white;
}
#navigation_box>.clear::after{
content:"S";
font-size:13px;
font-family:AoPS;
position:absolute;
top:-62px;
right:calc(7.5% + 42px);
color:#009fad;
}
#right_navigation_box::after{
content:"";
position:absolute;
right:calc(7.5% + 40px);
top:1px;
height:2px;
width:86.84px;
background-color:#009fad;
visibility:visible;
z-index:10;
}
/**Blog login.**/
#navigation_box .blog-login::before{
content:"";
position:absolute;
width:6.52px;
height:14px;
right:calc(7.5% + 40px);
top:-20px;
background-color:white;
visibility:visible;
z-index:1;
pointer-events:none;
}
#navigation_box .blog-login::after{
content:"SIGN IN/REGISTER";
visibility:visible;
right:calc(7.5% + 40px);
top:-20px;
background-color:white;
z-index:1;
color:#009fad;
font-size:13px;
line-height:15px;
position:absolute;
pointer-events:auto;
}
#navigation_box .blog-login:hover::after{
text-decoration:underline;
}
#navigation_box .blog-login{
position:absolute;
width:100%;
background-color:white;
left:0px;
z-index:11;
visibility:visible;
pointer-events:none;
}
/**Everything in aops-modal-wrapper.**/
.aops-modal-frame{
border-width:0px;
padding:6px;
box-shadow:none;
}
.aops-modal-content-wrapper{
box-shadow:none;
}
.aops-modal-standard .aops-modal-footer,.aops-modal-plain-body .aops-modal-footer{
background-color:transparent;
}
.btn-primary{
background-color:#1b365d;
font-family:Roboto,sans-serif;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.btn-active,.open .dropdown-toggle.btn-primary{
background-color:#135b7b;
border-color:#135b7b;
}
.aops-close-x{
right:-6px;
top:-4px;
font-size:20px;
border-radius:0px;
background-color:transparent;
color:#1b365d;
padding-top:0px;
}
.aops-close-x:hover{
color:#009fad !important;
}
#login-form .info{
background-color:transparent;
color:transparent;
}
#login-form .info::before{
content:"";
display:inline-block;
width:200px;
height:36.8281px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:100% auto;
vertical-align:middle;
position:relative;
left:89.2969px;
}
#login-form .info::after{
content:"Sign In";
font-size:30px;
color:#1a355d;
position:absolute;
vertical-align:middle;
left:calc(99.2969px + 208px);
}
#login-form-links{
background-color:transparent;
}
#login-form-links>p:first-child{
display:none;
}
.aops-modal-content-wrapper>.aops-scroll-outer{
box-shadow:none;
}
.cmty-posting-modal .aops-close-x{
right:2px;
top:6px;
color:white;
}
/**Editing left_navigation_box links.**/
#left_navigation_box>a{
color:#cdeef1;
font-family:Roboto,sans-serif;
line-height:28px;
font-size:12px;
}
#left_navigation_box>a:hover{
text-decoration:underline;
}
#left_navigation_box>a:last-child{
color:white;
pointer-events:none;
}
/**Scrollable side.**/
#side{
height:100%;
border-bottom:2px solid #666666;
overflow-y:auto;
}
/**Succession of height:100%;s to prevent white space.**/
html.svg{
height:100%;
}
html.svg>body.community{
height:100%;
}
html.svg>body.community>#page-wrapper{
height:100%;
}
html.svg>body.community>#page-wrapper>#wrapper{
height:100%;
}
/**Slightly different height.**/
#content{
height:calc(100% - 151px);
}
/**Footer.**/
#wrapper::before{
content:"";
position:absolute;
width:100%;
height:42px;
left:0px;
bottom:0px;
background-color:#1b365d;
}
#wrapper::after{
content:"";
position:absolute;
left:calc(7.5% + 30px);
bottom:12px;
width:119.47px;
height:22px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online-footer.svg");
background-size:119.47px 22px;
}
.aops-modal-standard .aops-modal-title,.aops-modal-plain-body .aops-modal-title{
background-color:transparent;
}
/**Main page stuff. (Credits: https://artofproblemsolving.com/community/c1066032.)**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter{
display:none;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2{
color:rgb(53, 108, 181) !important;
position:absolute;
z-index:1;
left:calc(70% + 3px);
font-size:12px;
padding-left:5.32px;
padding-right:12px;
display:flex;
flex-direction:column;
line-height:12px;
top:0px;
padding-top:33px;
margin-top:7px;
border-left:1px solid #aaaaaa;
height:calc(100% - 14px);
width:calc(30% - 3px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong{
left:12px;
top:40px;
font-weight:normal;
font-style:italic;
width:calc(100% - 24px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a{
color:rgb(53, 108, 181) !important;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a::before{
width:40px;
height:40px;
background-size:40px 40px;
top:-40px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry{
border-width:0px;
padding:0px;
margin:0px;
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type{
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::before{
content:"Topic";
display:block;
line-height:16px;
font-size:12px;
color:#999;
background-color:#eeeeee;
padding-left:10px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
height:20px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::after{
content:"First Poster";
display:block;
position:absolute;
line-height:16px;
font-size:12px;
color:#999;
height:16px;
padding:0px 12px;
width:calc(30% - 3px);
left:calc(70% + 3px);
border-left:1px solid #aaaaaa;
top:2px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap{
margin:0px;
border-width:0px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
background-color:#eaeaea;
height:113px;
padding:5px 0 5px 10px;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap:hover{
background-color:rgb(236,243,250);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>*{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.message{
display:block !important;
height:105px;
padding-top:17px;
overflow:hidden;
width:56%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter{
display:block !important;
position:absolute;
visibility:hidden;
top:0px;
left:0px;
width:100%;
height:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter a{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter *{
padding:0px !important;
margin:0px !important;
border-width:0px !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1{
position:absolute;
z-index:1;
overflow:visible;
padding:0px;
width:calc(100% - 10px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::before{
background-color:#eaeaea;
width:100%;
height:25px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::before{
background-color:rgb(236,243,250);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::after{
content:"";
background-color:#eaeaea;
position:absolute;
width:6.68px;
height:12px;
top:58px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::after{
background-color:rgb(236,243,250);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1>a{
position:absolute;
max-width:63%;
font-size:16px;
line-height:16px;
height:17px;
overflow:hidden;
top:7px;
left:10px;
text-overflow:ellipsis;
white-space:nowrap;
width:63%;
font-weight:normal;
}
/**Post count add-on.**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies{
display:block !important;
position:absolute;
right:calc(30% + 1px);
top:17px;
font-size:12px;
color:#aaa;
text-decoration:none !important;
visibility:visible;
height:calc(100% - 17px);
width:100%;
text-align:right;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::before{
content:"x";
font-family:AoPS;
font-size:11px;
color:#aaa;
position:absolute;
right:55.03px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::after{
content:"";
position:absolute;
width:100%;
height:calc(100% + 21px);
right:calc(-30% - 1px);
top:-19px;
z-index:100;
}
#main>div:not(.blog-posts-box):last-child::after{
content:"No more topics!";
font-size:15px;
color:#333333;
padding:5px;
}
/**Fixing letter spacing in h1.**/
h1{
letter-spacing:0px;
}
/**AVATAR FIX (Credits: reminiscence.css.)**/
h2>strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
[/css]
[/hide]
[hide=Release v1.4.1]
[css]
/**Credits: https://artofproblemsolving.com/community/c66h2410025_an_aops_css and https://artofproblemsolving.com/community/c66h2067759_release_solvecss for the idea, https://artofproblemsolving.com/community/c66 for an actual AoPS forum which I could refer to, reminiscence.css for the avatar fix using attributes idea, [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the above the header idea, SamuraiA for the :hover with ::before and ::after explanation, forester2015 and Facejo for the search button suggestion, Facejo and MinecraftFox for pointing out bugs, Yelly314 for pointing out a coloring issue, WyattB for the idea for the after bookmarking effect, Printrbot for the search widget and entry titles modification, aops-g5-gethsemanea2 for the login/logout suggestion, AndrewC10 for pointing out a bug, pog for pointing out an error, CoolCarsOnTheRun for making the suggestion to put #side on the other side, https://artofproblemsolving.com/community/c1066032, which was gotten from https://artofproblemsolving.com/community/c66h2556490_weird_preview_thing, for the "if person is on main page" thing, and https://artofproblemsolving.com/texer/ for a place to put 40000+ character css codes.**/
/**forum.css?**/
/**Made by Zhaom**/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/**Variables**/
:root{
--primarycolor:rgb(53,108,181);
--secondarycolor:rgb(218,231,246);
--entryhoverbackgroundcolor:rgb(236,243,250);
--titlelength:111.05px;
}
/**Blog Info (Note: In the wrong place but as the width of the title of the blog can vary, I put it on the opposite side of the header.)**/
#navigation_box>#right_navigation_box{
width:100%;
left:0px;
top:-44px;
}
#navigation_box>#right_navigation_box>.blog-info{
width:100%;
left:0px;
top:0px;
visibility:hidden;
position:absolute;
}
#navigation_box>#right_navigation_box>.blog-info::after{
content:"3";
font-family:AoPS;
color:var(--secondarycolor);
font-size:16px;
position:absolute;
top:76px;
left:calc(7.5% + var(--titlelength) + 6px);
visibility:visible;
line-height:22px;
}
#navigation_box>#right_navigation_box>.blog-info:hover::after{
color:white;
}
#post-new-entry-img{
display:none;
}
#post-new-entry{
color:white;
visibility:hidden;
}
#post-new-entry-p{
margin:0px 0px 0px 0px;
position:absolute;
top:0px;
width:85%;
left:7.5%;
}
#post-new-entry::after{
color:var(--secondarycolor) !important;
font-size:15px;
content:"New Topic";
position:absolute;
right:10px;
top:102.75px;
z-index:349857937460254979276895647384673098;
padding-left:17.34px;
visibility:visible;
font-family:"Roboto",sans-serif;
padding-top:6px;
}
#post-new-entry::before{
color:var(--secondarycolor) !important;
font-size:16px;
content:"V";
font-family:AoPS;
position:absolute;
right:calc(10px + 70.03px + 2px);
top:107.75px;
z-index:349857937460254979276895647384673098;
visibility:visible;
}
#post-new-entry:hover::after{
color:white !important;
border-bottom:1px solid white;
}
#post-new-entry:hover::before{
color:white !important;
}
#wrapper{
width:85%;
padding:0px 0px 0px 0px !important;
border-width:0px 0px 0px 0px !important;
background:none !important;
}
#header{
border-width:0px 0px 0px 0px !important;
height:30px;
background-color:var(--primarycolor);
font-size:20px;
margin-bottom:74px;
font-family:Roboto,sans-serif;
}
#main{
padding:0px;
width:calc(100% - 223px);
height:100%;
overflow-y:auto;
border-bottom:3px solid #666666;
float:right;
background-color:white;
display:flex;
flex-direction:column;
border-top:1px solid #666666;
}
#side{
float:left;
background:url("https://artofproblemsolving.com/m/community/img/blogs/hyperion/bg.png") repeat-y;
width:223px;
border-right:3px solid #666666;
}
#header>a>h1{
text-align:left !important;
text-decoration:none !important;
color:white !important;
padding-left:10px !important;
font-weight:700;
line-height:31px;
width:fit-content;
font-size:20px;
}
#header:hover>a>h1{
color:var(--secondarycolor) !important;
}
#navigation_box{
top:72px;
height:26px;
border-bottom:none !important;
background-color:#009fad !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry{
margin-top:0px !important;
border-bottom:1px solid #666666 !important;
padding-bottom:0px !important;
position:relative;
border-right:3px solid #666666;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
background-color:transparent !important;
border-width:0px 0px 0px 0px !important;
margin-right:24px !important;
border-right:1px solid #eeeeee !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::after{
content:" ";
position:absolute;
width:1px;
height:calc(100% + 1em);
right:-1px;
top:-0.5em;
background-color:#eeeeee;
}
#search-widget{
position:absolute;
left:calc(7.5% + 12px);
top:145px;
background:transparent;
padding:0px 0px 0px 0px !important;
z-index:1000000;
}
#search-widget>.widget-header,#search-widget>.widget-settings,#search-widget>.widget-footer{
display:none;
}
#search-widget>.widget-content{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform>fieldset{
border-width:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget input.button2{
display:none;
}
.blog-shout-wrapper>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
.blog-tags-wrapper>.cmty-itembox>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
​
/**Ok now I'll start comments.**/
/**The following code makes the tags widget get moved to the place where it is in the forums.**/
/**Hiding the "Tags" header.**/
#side>div:not(.block):not(.widget) .widget-header{
display:none;
}
/**Basically just repositioning the tags.**/
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper{
height:64px;
border-width:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:4px 5px 4px 0px;
position:absolute;
top:133px;
left:calc(7.5% + 220px);
width:calc(85% - 220px - 5px);
background-color:#eee;
z-index:1000000;
}
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper .cmty-itembox{
height:64px;
}
#side>div:not(.block):not(.widget) .cmty-itembox-inner-box{
width:calc(100% - 23px);
margin-right:0px !important;
}
/**Getting rid of odd background and making a border.**/
#navigation_box::after{
content:" ";
width:85%;
position:absolute;
top:61px;
height:74px;
left:7.5%;
border-bottom:2px solid #666666;
background-color:white;
}
/**AoPS pattern background thing. Credits: https://artofproblemsolving.com/community/q1h2404405p19704343 and https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png for the background.**/
#page-wrapper{
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
padding-top:103px !important;
background-position:0px calc(100% - 42px);
}
/**Patching z-index stuff.**/
.aops-modal-mask{
z-index:3498579374602549792768956473846730980 !important;
}
.aops-modal-wrapper{
z-index:3498579374602549792768956473846730981 !important;
}
/**Header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1{
padding:6px 7px 4px 11px !important;
background-color:#666666;
height:55px;
font-size:16px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
color:white !important;
letter-spacing:normal;
}
/**Note: If the tags scrolling bothers you, you can delete this piece of code.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper{
position:absolute;
top:calc(-0.5em - 28px);
left:calc(11px - 0.5em);
margin-top:0px;
height:28px !important;
overflow:auto;
width:calc(100% - 216px);
}
/**Left side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-poll{
margin-left:110px;
position:relative !important;
z-index:1 !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .message{
margin-left:110px;
position:relative !important;
z-index:1001 !important;
font-family:Roboto,sans-serif;
overflow:visible;
}
h2>strong:nth-child(2){
position:absolute;
left:calc(29.8px - 1em - 100px + 7.41px);
top:95px;
z-index:1;
font-style:normal;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) h2{
position:absolute;
left:calc(110px + 1em - 29.8px - 7.41px);
color:#aaaaaa !important;
font-style:italic;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry .entrywrap{
min-height:calc(143px - 1em);
}
.efooter{
position:absolute;
bottom:0px;
}
h2>strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
/**Getting rid of "by , " and the picture before that.**/
h2::before{
content:" ";
position:absolute;
left:0px;
width:37.21px;
height:19px;
background-color:white;
}
/**Moving the contents of the efooter.**/
.efooter ul li a.post-replies{
display:none;
}
.efooter ul li a.post-comment{
visibility:hidden;
}
.efooter ul li a.post-comment::after{
position:absolute;
right:calc(7px - 7.33333333333333333333333px - 24px + 0.5em);
top:calc(-7.33333333333333333333333px - 25px);
content:"Reply";
font-size:15px;
color:#dddddd;
visibility:visible;
padding-left:20.58px;
}
.efooter ul li a.post-comment:hover::after{
border-bottom:1px solid #dddddd;
}
.efooter ul li a.post-comment::before{
position:absolute;
right:calc(7px - 7.33333333333333333333333px + 38.36px + 2px - 24px + 0.5em);
top:calc(-7.33333333333333333333333px - 25px);
content:"N";
font-family:AoPS;
font-size:16px;
color:#dddddd;
visibility:visible;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter{
width:100%;
height:100%;
padding:0.5em;
margin:0.5em;
position:absolute;
left:-0.5em;
top:-0.5em;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
/**Repositioning edit info.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap>.cmty-post-edit-info{
margin-left:110px !important;
position:relative !important;
z-index:1 !important;
width:fit-content;
}
/**Right side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(1){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:-4.33333333333333333333333px;
visibility:visible;
}
/**More header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::before{
content:"X";
font-family:AoPS;
font-size:16px;
color:#dddddd;
position:absolute;
right:calc(7px + 63.94px - 24px + 29.19px + 2px);
top:-32.33333333333333333333333px;
visibility:visible;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::after{
content:"Mod";
font-size:15px;
color:#dddddd;
position:absolute;
right:calc(7px + 63.94px - 24px);
top:-32.33333333333333333333333px;
visibility:visible;
padding-left:19.11px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic:hover::after{
border-bottom:1px solid #dddddd;
}
/**Comments css starts here.**/
/**Hiding a few things and deleting some margins and paddings.**/
.comment{
margin-top:0px !important;
overflow:hidden !important;
}
/**Repositioning and resizing commenting box.**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open{
padding-bottom:0px !important;
margin-top:0px !important;
border-top:7px solid #666666 !important;
top:calc(100% - 266px - 47px);
left:calc(7.5% + 220px);
width:calc(85% - 220px);
z-index:1000000;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ{
border-left:3px solid #666666 !Important;
border-right:3px solid #666666 !important;
border-bottom:5px solid #666666 !important;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open::before{
content:"";
position:absolute;
width:calc(100%*20/17 + 220px*20/17);
height:calc(100% - 264px);
min-height:42px;
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
z-index:-1;
top:264px;
right:calc(-300%/34 - 3*220px/34);
}
#main .blog-reply-window.cmty-reply-window{
position:absolute;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container,#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
height:200px;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-post-preview{
border-width:0px;
}
/**Adding a border to the right of the commenting box.**/
.blog-posts-box{
border-right:3px solid #666666;
}
/**Add extra space to the bottom if the commenting box has class .blog-reply-open.**/
#main>.blog-reply-window.cmty-reply-window.blog-reply-open~h1{
border-bottom:235px solid #666666;
flex:0 0 237px;
box-shadow:0px 28px #666666;
}
/**Adding more padding to cmty-post-attachments.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-attachments{
padding-left:110px !important;
position:relative !important;
z-index:1 !important;
}
/**Making comments look like posts in forums.**/
.comment{
background-color:white !important;
border-bottom:1px solid #666666 !important;
}
.commentwrap{
min-height:143px;
margin-top:0px !important;
margin-right:24px !Important;
padding-top:calc(0.5em + 17px) !important;
border-right:1px solid #eeeeee !important;
width:auto !important;
overflow:visible !important;
}
.commentwrap .cfooter{
width:100%;
height:100%;
position:absolute;
padding:inherit;
margin:inherit;
left:0px;
bottom:0px;
}
.commentwrap .cfooter .actions{
font-size:12px !important;
color:#aaaaaa !important;
position:absolute;
left:calc(110px - 38.02px + 7.33333333333333333333333px);
top:-6px;
font-style:italic;
}
.commentwrap .cfooter .actions::before{
position:absolute;
left:0px;
top:0px;
height:100%;
content:"";
width:38.02px;
background-color:white;
}
.commentwrap .cfooter .actions .author strong:nth-child(2){
position:absolute;
left:calc(10px - 110px + 38.02px - 7.33333333333333333333333px);
top:98px;
font-style:normal;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
.commentwrap .message,.commentwrap .cmty-post-attachments,.commentwrap .cmty-post-edit-info{
margin-left:110px;
position:relative !important;
z-index:1 !important;
font-family:Roboto,sans-serif;
}
.commentwrap .cfooter .modactions ul li a{
visibility:hidden;
}
.commentwrap .cfooter .modactions ul li a.blog-report-post::after{
content:"Z";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.17px;
top:3px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:25px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-delete-post::after{
content:"J";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-17.25px;
top:47px;
visibility:visible;
}
/**Hiding the "No posts in this blog. Yet!" text.**/
.blog-no-topics{
display:none;
}
/**Post number.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
counter-reset:postnumber;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:-2.33333333333333333333333px;
right:8px;
}
body{
counter-reset:postnumber;
counter-increment:postnumber;
}
.commentwrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:5px;
right:8px;
}
/**Above the header.**/
/**Credits: [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the idea.**/
/**Hiding some things.**/
#right_navigation_box{
visibility:hidden;
}
/**Repositioning left_navigation_box, recoloring it, etc.**/
#left_navigation_box{
position:absolute;
left:7.5%;
font-size:12px !important;
font-weight:700;
color:#cdeef1;
text-transform:uppercase;
line-height:25px;
}
/**Making the top.**/
#navigation_box::before{
content:"";
position:absolute;
width:100%;
height:72px;
background-color:white;
top:-72px;
left:0px;
}
#left_navigation_box::before{
content:"";
position:absolute;
left:30px;
top:-59.4px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:254.17px 46.8px;
height:46.8px;
width:254.17px;
z-index:12;
}
/**Feed overlapping with header bug fix.**/
#feed-wrapper{
z-index:10000000000 !important;
top:70px !important;
}
/**Subscribe button becomes bookmark button.**/
#navigation_box>#right_navigation_box>#blog-subscribe{
width:100%;
top:0px;
left:0px;
position:absolute;
}
#navigation_box>#right_navigation_box>#blog-subscribe::after{
content:"Bookmark";
position:absolute;
right:calc(7.5% + 110.25px);
top:80px;
visibility:visible;
color:var(--secondarycolor);
font-size:15px;
padding-left:11.05px;
line-height:18px;
font-family:"Roboto",sans-serif;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::after{
content:"Remove" !important;
padding-left:19.56px;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::before{
content:"D" !important;
right:calc(7.5% + 110.25px + 2px + 53.91px) !important;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::after{
color:white;
border-bottom:1px solid white;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::before{
color:white;
}
#navigation_box>#right_navigation_box>#blog-subscribe::before{
content:"B";
font-family:AoPS;
position:absolute;
right:calc(7.5% + 110.25px + 2px + 68.05px);
top:81px;
visibility:visible;
color:var(--secondarycolor);
font-size:16px;
z-index:1;
line-height:16px;
width:1234px;
pointer-events:none;
}
/**Fixing length of names.**/
h2>strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:black;
}
#right_navigation_box>.blog-logout:hover::before,#right_navigation_box>.blog-login:hover::before{
color:white !important;
}
/**Removing scrollbar from #main.**/
#main::-webkit-scrollbar{
display:none;
}
/**Search widget and entry titles. Credits: Printrbot, slightly modified.**/
#blog_keywords{
border-radius:6px;
}
#search-widget, #search-widget>.widget-content{
width:200px;
height:23px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
font-weight:700;
font-family:Roboto,sans-serif;
width:calc(100% - 78px);
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/**Blog logout.**/
#navigation_box .blog-logout{
visibility:visible;
color:#009fad;
font-size:13px;
font-weight:500;
position:absolute;
right:calc(7.5% + 40px);
font-family:Roboto,sans-serif;
line-height:15px;
top:-20px;
text-transform:uppercase;
padding-right:12.52px;
z-index:11;
height:15px;
}
#navigation_box .blog-logout::after{
content:"SIGN OUT";
position:absolute;
height:2px;
right:0px;
top:21px;
padding:0px;
overflow:hidden;
z-index:11;
width:86.84px;
background-color:white;
pointer-events:none;
}
#navigation_box .blog-logout:hover::after{
height:fit-content;
padding:18px 12px 12px;
display:flex;
top:15px;
width:fit-content;
background-color:transparent;
pointer-events:auto;
}
#navigation_box .blog-logout::before{
content:"LOGOUT";
display:block;
position:absolute;
width:fit-content;
height:15px;
background-color:white;
pointer-events:none;
z-index:384;
left:0px;
color:white;
}
#navigation_box>.clear::after{
content:"S";
font-size:13px;
font-family:AoPS;
position:absolute;
top:-62px;
right:calc(7.5% + 42px);
color:#009fad;
}
#right_navigation_box::after{
content:"";
position:absolute;
right:calc(7.5% + 40px);
top:1px;
height:2px;
width:86.84px;
background-color:#009fad;
visibility:visible;
z-index:10;
}
/**Blog login.**/
#navigation_box .blog-login::before{
content:"";
position:absolute;
width:6.52px;
height:14px;
right:calc(7.5% + 40px);
top:-20px;
background-color:white;
visibility:visible;
z-index:1;
pointer-events:none;
}
#navigation_box .blog-login::after{
content:"SIGN IN/REGISTER";
visibility:visible;
right:calc(7.5% + 40px);
top:-20px;
background-color:white;
z-index:1;
color:#009fad;
font-size:13px;
line-height:15px;
position:absolute;
pointer-events:auto;
}
#navigation_box .blog-login:hover::after{
text-decoration:underline;
}
#navigation_box .blog-login{
position:absolute;
width:100%;
background-color:white;
left:0px;
z-index:11;
visibility:visible;
pointer-events:none;
}
/**Everything in aops-modal-wrapper.**/
.aops-modal-frame{
border-width:0px;
padding:6px;
box-shadow:none;
}
.aops-modal-content-wrapper{
box-shadow:none;
}
.aops-modal-standard .aops-modal-footer,.aops-modal-plain-body .aops-modal-footer{
background-color:transparent;
}
.btn-primary{
background-color:#1b365d;
font-family:Roboto,sans-serif;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.btn-active,.open .dropdown-toggle.btn-primary{
background-color:#135b7b;
border-color:#135b7b;
}
.aops-close-x{
right:-6px;
top:-4px;
font-size:20px;
border-radius:0px;
background-color:transparent;
color:#1b365d;
padding-top:0px;
}
.aops-close-x:hover{
color:#009fad !important;
}
#login-form .info{
background-color:transparent;
color:transparent;
}
#login-form .info::before{
content:"";
display:inline-block;
width:200px;
height:36.8281px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:100% auto;
vertical-align:middle;
position:relative;
left:89.2969px;
}
#login-form .info::after{
content:"Sign In";
font-size:30px;
color:#1a355d;
position:absolute;
vertical-align:middle;
left:calc(99.2969px + 208px);
}
#login-form-links{
background-color:transparent;
}
#login-form-links>p:first-child{
display:none;
}
.aops-modal-content-wrapper>.aops-scroll-outer{
box-shadow:none;
}
.cmty-posting-modal .aops-close-x{
right:2px;
top:6px;
color:white;
}
/**Editing left_navigation_box links.**/
#left_navigation_box>a{
color:#cdeef1;
font-family:Roboto,sans-serif;
line-height:28px;
font-size:12px;
}
#left_navigation_box>a:hover{
text-decoration:underline;
}
#left_navigation_box>a:last-child{
color:white;
pointer-events:none;
}
/**Scrollable side.**/
#side{
height:100%;
border-bottom:2px solid #666666;
overflow-y:auto;
}
/**Succession of height:100%;s to prevent white space.**/
html.svg{
height:100%;
border-top:35px solid #dddddd;
}
html.svg>body.community{
height:100%;
position:relative;
}
html.svg>body.community>#page-wrapper{
height:100%;
}
html.svg>body.community>#page-wrapper>#wrapper{
height:100%;
}
/**Slightly different height.**/
#content{
height:calc(100% - 151px);
}
/**Footer.**/
#wrapper::before{
content:"";
position:absolute;
width:100%;
height:42px;
left:0px;
bottom:0px;
background-color:#1b365d;
}
#wrapper::after{
content:"";
position:absolute;
left:calc(7.5% + 30px);
bottom:12px;
width:119.47px;
height:22px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online-footer.svg");
background-size:119.47px 22px;
}
.aops-modal-standard .aops-modal-title,.aops-modal-plain-body .aops-modal-title{
background-color:transparent;
}
/**Main page stuff. (Credits: https://artofproblemsolving.com/community/c1066032.)**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter{
display:none;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2{
color:rgb(53, 108, 181) !important;
position:absolute;
z-index:1;
left:calc(70% + 3px);
font-size:12px;
padding-left:5.32px;
padding-right:12px;
display:flex;
flex-direction:column;
line-height:12px;
top:0px;
padding-top:33px;
margin-top:7px;
border-left:1px solid #aaaaaa;
height:calc(100% - 14px);
width:calc(30% - 3px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong{
left:12px;
top:40px;
font-weight:normal;
font-style:italic;
width:calc(100% - 24px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a{
color:rgb(53, 108, 181) !important;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a::before{
width:40px;
height:40px;
background-size:40px 40px;
top:-40px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry{
border-width:0px;
padding:0px;
margin:0px;
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type{
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::before{
content:"Topic";
display:block;
line-height:16px;
font-size:12px;
color:#999;
background-color:#eeeeee;
padding-left:10px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
height:20px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::after{
content:"First Poster";
display:block;
position:absolute;
line-height:16px;
font-size:12px;
color:#999;
height:16px;
padding:0px 12px;
width:calc(30% - 3px);
left:calc(70% + 3px);
border-left:1px solid #aaaaaa;
top:2px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap{
margin:0px;
border-width:0px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
background-color:#eaeaea;
height:113px;
padding:5px 0 5px 10px;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap:hover{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>*{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.message{
display:block !important;
height:105px;
padding-top:17px;
overflow:hidden;
width:56%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter{
display:block !important;
position:absolute;
visibility:hidden;
top:0px;
left:0px;
width:100%;
height:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter a{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter *{
padding:0px !important;
margin:0px !important;
border-width:0px !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1{
position:absolute;
z-index:1;
overflow:visible;
padding:0px;
width:calc(100% - 10px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::before{
background-color:#eaeaea;
width:100%;
height:25px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::before{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::after{
content:"";
background-color:#eaeaea;
position:absolute;
width:6.68px;
height:12px;
top:58px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::after{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1>a{
position:absolute;
max-width:63%;
font-size:16px;
line-height:16px;
height:17px;
overflow:hidden;
top:7px;
left:10px;
text-overflow:ellipsis;
white-space:nowrap;
width:63%;
font-weight:normal;
color:var(--primarycolor);
}
/**Post count add-on.**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies{
display:block !important;
position:absolute;
right:calc(30% + 1px);
top:17px;
font-size:12px;
color:#aaa;
text-decoration:none !important;
visibility:visible;
height:calc(100% - 17px);
width:100%;
text-align:right;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::before{
content:"x";
font-family:AoPS;
font-size:11px;
color:#aaa;
position:absolute;
right:55.03px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::after{
content:"";
position:absolute;
width:100%;
height:calc(100% + 21px);
right:calc(-30% - 1px);
top:-19px;
z-index:100;
}
#main>div:not(.blog-posts-box):last-child::after{
content:"No more topics!";
font-size:15px;
color:#333333;
padding:5px;
display:block;
}
/**Fixing letter spacing in h1.**/
h1{
letter-spacing:0px;
}
/**Shouts.**/
#message{
width:calc(100% - 4px);
}
#shouts-widget>.widget-content>.blog-shout-wrapper{
min-width:0px;
}
/**The "Quick Reply" button.**/
#main>h1{
order:1;
font-size:0px;
flex:0 0 2px;
background:linear-gradient(90deg,#555555 calc(100% - 3px),#666666 calc(100% - 3px));
}
#main>p:not(:first-child){
order:2;
display:block;
flex:1 0 28px;
background-color:#666666;
padding:4px 7px 2px 4px;
margin:0px;
position:relative;
}
#main>p:not(:first-child)>.blog-post-comment{
display:block;
height:18px;
border-radius:6px;
font-size:0px;
position:relative;
z-index:1;
}
#main>p:not(:first-child)::before{
content:"N";
font-family:AoPS;
font-size:12px;
line-height:18px;
position:absolute;
border-radius:6px;
background-color:white;
width:calc(100% - 11px);
padding-left:6px;
color:#aaaaaa;
}
#main>p:not(:first-child)::after{
content:"Quick Reply";
font-family:Roboto,sans-serif;
font-style:italic;
font-size:12px;
line-height:18px;
position:absolute;
left:23.52px;
top:4px;
color:#aaaaaa;
}
/**Tags.**/
.cmty-item-tag{
background-color:var(--primarycolor) !important;
color:white !important;
}
.cmty-item-tag:hover{
background-color:var(--secondarycolor) !important;
color:var(--primarycolor) !important;
}
/**AVATAR FIX (Credits: reminiscence.css.)**/
h2>strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
[/css]
[/hide]
[hide=Release v1.4.1 bug fix 1]
[css]
/**Credits: https://artofproblemsolving.com/community/c66h2410025_an_aops_css and https://artofproblemsolving.com/community/c66h2067759_release_solvecss for the idea, https://artofproblemsolving.com/community/c66 for an actual AoPS forum which I could refer to, reminiscence.css for the avatar fix using attributes idea, [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the above the header idea, SamuraiA for the :hover with ::before and ::after explanation, forester2015 and Facejo for the search button suggestion, Facejo and MinecraftFox for pointing out bugs, Yelly314 for pointing out a coloring issue, WyattB for the idea for the after bookmarking effect, Printrbot for the search widget and entry titles modification, aops-g5-gethsemanea2 for the login/logout suggestion, AndrewC10 for pointing out a bug, pog for pointing out an error, CoolCarsOnTheRun for making the suggestion to put #side on the other side, https://artofproblemsolving.com/community/c1066032, which was gotten from https://artofproblemsolving.com/community/c66h2556490_weird_preview_thing, for the "if person is on main page" thing, and https://artofproblemsolving.com/texer/ for a place to put 40000+ character css codes.**/
/**forum.css?**/
/**Made by Zhaom**/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/**Variables**/
:root{
--primarycolor:rgb(53,108,181);
--secondarycolor:rgb(218,231,246);
--entryhoverbackgroundcolor:rgb(236,243,250);
--titlelength:111.05px;
}
/**Blog Info (Note: In the wrong place but as the width of the title of the blog can vary, I put it on the opposite side of the header.)**/
#navigation_box>#right_navigation_box{
width:100%;
left:0px;
top:-44px;
}
#navigation_box>#right_navigation_box>.blog-info{
width:100%;
left:0px;
top:0px;
visibility:hidden;
position:absolute;
}
#navigation_box>#right_navigation_box>.blog-info::after{
content:"3";
font-family:AoPS;
color:var(--secondarycolor);
font-size:16px;
position:absolute;
top:76px;
left:calc(7.5% + var(--titlelength) + 6px);
visibility:visible;
line-height:22px;
}
#navigation_box>#right_navigation_box>.blog-info:hover::after{
color:white;
}
#post-new-entry-img{
display:none;
}
#post-new-entry{
color:white;
visibility:hidden;
}
#post-new-entry-p{
margin:0px 0px 0px 0px;
position:absolute;
top:0px;
width:85%;
left:7.5%;
}
#post-new-entry::after{
color:var(--secondarycolor) !important;
font-size:15px;
content:"New Topic";
position:absolute;
right:10px;
top:102.75px;
z-index:349857937460254979276895647384673098;
padding-left:17.34px;
visibility:visible;
font-family:"Roboto",sans-serif;
padding-top:6px;
}
#post-new-entry::before{
color:var(--secondarycolor) !important;
font-size:16px;
content:"V";
font-family:AoPS;
position:absolute;
right:calc(10px + 70.03px + 2px);
top:107.75px;
z-index:349857937460254979276895647384673098;
visibility:visible;
}
#post-new-entry:hover::after{
color:white !important;
border-bottom:1px solid white;
}
#post-new-entry:hover::before{
color:white !important;
}
#wrapper{
width:85%;
padding:0px 0px 0px 0px !important;
border-width:0px 0px 0px 0px !important;
background:none !important;
}
#header{
border-width:0px 0px 0px 0px !important;
height:30px;
background-color:var(--primarycolor);
font-size:20px;
margin-bottom:74px;
font-family:Roboto,sans-serif;
}
#main{
padding:0px;
width:calc(100% - 223px);
height:100%;
overflow-y:auto;
border-bottom:3px solid #666666;
float:right;
background-color:white;
display:flex;
flex-direction:column;
border-top:1px solid #666666;
}
#side{
float:left;
background:url("https://artofproblemsolving.com/m/community/img/blogs/hyperion/bg.png") repeat-y;
width:223px;
border-right:3px solid #666666;
}
#header>a>h1{
text-align:left !important;
text-decoration:none !important;
color:white !important;
padding-left:10px !important;
font-weight:700;
line-height:31px;
width:fit-content;
font-size:20px;
}
#header:hover>a>h1{
color:var(--secondarycolor) !important;
}
#navigation_box{
top:72px;
height:26px;
border-bottom:none !important;
background-color:#009fad !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry{
margin-top:0px !important;
border-bottom:1px solid #666666 !important;
padding-bottom:0px !important;
position:relative;
border-right:3px solid #666666;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
background-color:transparent !important;
border-width:0px 0px 0px 0px !important;
margin-right:24px !important;
border-right:1px solid #eeeeee !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::after{
content:" ";
position:absolute;
width:1px;
height:calc(100% + 1em);
right:-1px;
top:-0.5em;
background-color:#eeeeee;
}
#search-widget{
position:absolute;
left:calc(7.5% + 12px);
top:145px;
background:transparent;
padding:0px 0px 0px 0px !important;
z-index:1000000;
}
#search-widget>.widget-header,#search-widget>.widget-settings,#search-widget>.widget-footer{
display:none;
}
#search-widget>.widget-content{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform>fieldset{
border-width:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget input.button2{
display:none;
}
.blog-shout-wrapper>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
.blog-tags-wrapper>.cmty-itembox>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
​
/**Ok now I'll start comments.**/
/**The following code makes the tags widget get moved to the place where it is in the forums.**/
/**Hiding the "Tags" header.**/
#side>div:not(.block):not(.widget) .widget-header{
display:none;
}
/**Basically just repositioning the tags.**/
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper{
height:64px;
border-width:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:4px 5px 4px 0px;
position:absolute;
top:133px;
left:calc(7.5% + 220px);
width:calc(85% - 220px - 5px);
background-color:#eee;
z-index:1000000;
}
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper .cmty-itembox{
height:64px;
}
#side>div:not(.block):not(.widget) .cmty-itembox-inner-box{
width:calc(100% - 23px);
margin-right:0px !important;
}
/**Getting rid of odd background and making a border.**/
#navigation_box::after{
content:" ";
width:85%;
position:absolute;
top:61px;
height:74px;
left:7.5%;
border-bottom:2px solid #666666;
background-color:white;
}
/**AoPS pattern background thing. Credits: https://artofproblemsolving.com/community/q1h2404405p19704343 and https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png for the background.**/
#page-wrapper{
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
padding-top:103px !important;
background-position:0px calc(100% - 42px);
}
/**Patching z-index stuff.**/
.aops-modal-mask{
z-index:3498579374602549792768956473846730980 !important;
}
.aops-modal-wrapper{
z-index:3498579374602549792768956473846730981 !important;
}
/**Header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1{
padding:6px 7px 4px 11px !important;
background-color:#666666;
height:55px;
font-size:16px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
color:white !important;
letter-spacing:normal;
}
/**Note: If the tags scrolling bothers you, you can delete this piece of code.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper{
position:absolute;
top:calc(-0.5em - 28px);
left:calc(11px - 0.5em);
margin-top:0px;
height:28px !important;
overflow:auto;
width:calc(100% - 216px);
}
/**Left side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-poll{
margin-left:110px;
position:relative !important;
z-index:1 !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .message{
margin-left:110px;
position:relative !important;
z-index:1001 !important;
font-family:Roboto,sans-serif;
overflow:visible;
}
h2>strong:nth-child(2){
position:absolute;
left:calc(29.8px - 1em - 100px + 7.41px);
top:95px;
z-index:1;
font-style:normal;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) h2{
position:absolute;
left:calc(110px + 1em - 29.8px - 7.41px);
color:#aaaaaa !important;
font-style:italic;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry .entrywrap{
min-height:calc(143px - 1em);
}
.efooter{
position:absolute;
bottom:0px;
}
h2>strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
/**Getting rid of "by , " and the picture before that.**/
h2::before{
content:" ";
position:absolute;
left:0px;
width:37.21px;
height:19px;
background-color:white;
}
/**Moving the contents of the efooter.**/
.efooter ul li a.post-replies{
display:none;
}
.efooter ul li a.post-comment{
visibility:hidden;
}
.efooter ul li a.post-comment::after{
position:absolute;
right:calc(7px - 7.33333333333333333333333px - 24px + 0.5em);
top:calc(-7.33333333333333333333333px - 25px);
content:"Reply";
font-size:15px;
color:#dddddd;
visibility:visible;
padding-left:20.58px;
}
.efooter ul li a.post-comment:hover::after{
border-bottom:1px solid #dddddd;
}
.efooter ul li a.post-comment::before{
position:absolute;
right:calc(7px - 7.33333333333333333333333px + 38.36px + 2px - 24px + 0.5em);
top:calc(-7.33333333333333333333333px - 25px);
content:"N";
font-family:AoPS;
font-size:16px;
color:#dddddd;
visibility:visible;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter{
width:100%;
height:100%;
padding:0.5em;
margin:0.5em;
position:absolute;
left:-0.5em;
top:-0.5em;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
/**Repositioning edit info.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap>.cmty-post-edit-info{
margin-left:110px !important;
position:relative !important;
z-index:1 !important;
width:fit-content;
}
/**Right side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(1){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:-4.33333333333333333333333px;
visibility:visible;
}
/**More header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::before{
content:"X";
font-family:AoPS;
font-size:16px;
color:#dddddd;
position:absolute;
right:calc(7px + 63.94px - 24px + 29.19px + 2px);
top:-32.33333333333333333333333px;
visibility:visible;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::after{
content:"Mod";
font-size:15px;
color:#dddddd;
position:absolute;
right:calc(7px + 63.94px - 24px);
top:-32.33333333333333333333333px;
visibility:visible;
padding-left:19.11px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic:hover::after{
border-bottom:1px solid #dddddd;
}
/**Comments css starts here.**/
/**Hiding a few things and deleting some margins and paddings.**/
.comment{
margin-top:0px !important;
overflow:hidden !important;
}
/**Repositioning and resizing commenting box.**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open{
padding-bottom:0px !important;
margin-top:0px !important;
border-top:7px solid #666666 !important;
top:calc(100% - 266px - 47px);
left:calc(7.5% + 220px);
width:calc(85% - 220px);
z-index:1000000;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ{
border-left:3px solid #666666 !Important;
border-right:3px solid #666666 !important;
border-bottom:5px solid #666666 !important;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open::before{
content:"";
position:absolute;
width:calc(100%*20/17 + 220px*20/17);
height:calc(100% - 264px);
min-height:42px;
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
z-index:-1;
top:264px;
right:calc(-300%/34 - 3*220px/34);
}
#main .blog-reply-window.cmty-reply-window{
position:absolute;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container,#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
height:200px;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-post-preview{
border-width:0px;
}
/**Adding a border to the right of the commenting box.**/
.blog-posts-box{
border-right:3px solid #666666;
}
/**Add extra space to the bottom if the commenting box has class .blog-reply-open.**/
#main>.blog-reply-window.cmty-reply-window.blog-reply-open~h1{
border-bottom:235px solid #666666;
flex:0 0 237px;
box-shadow:0px 28px #666666;
}
/**Adding more padding to cmty-post-attachments.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-attachments{
padding-left:110px !important;
position:relative !important;
z-index:1 !important;
}
/**Making comments look like posts in forums.**/
.comment{
background-color:white !important;
border-bottom:1px solid #666666 !important;
}
.commentwrap{
min-height:143px;
margin-top:0px !important;
margin-right:24px !Important;
padding-top:calc(0.5em + 17px) !important;
border-right:1px solid #eeeeee !important;
width:auto !important;
overflow:visible !important;
}
.commentwrap .cfooter{
width:100%;
height:100%;
position:absolute;
padding:inherit;
margin:inherit;
left:0px;
bottom:0px;
}
.commentwrap .cfooter .actions{
font-size:12px !important;
color:#aaaaaa !important;
position:absolute;
left:calc(110px - 38.02px + 7.33333333333333333333333px);
top:-6px;
font-style:italic;
}
.commentwrap .cfooter .actions::before{
position:absolute;
left:0px;
top:0px;
height:100%;
content:"";
width:38.02px;
background-color:white;
}
.commentwrap .cfooter .actions .author strong:nth-child(2){
position:absolute;
left:calc(10px - 110px + 38.02px - 7.33333333333333333333333px);
top:98px;
font-style:normal;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
.commentwrap .message,.commentwrap .cmty-post-attachments,.commentwrap .cmty-post-edit-info{
margin-left:110px;
position:relative !important;
z-index:1 !important;
font-family:Roboto,sans-serif;
}
.commentwrap .cfooter .modactions ul li a{
visibility:hidden;
}
.commentwrap .cfooter .modactions ul li a.blog-report-post::after{
content:"Z";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.17px;
top:3px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:25px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-delete-post::after{
content:"J";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-17.25px;
top:47px;
visibility:visible;
}
/**Hiding the "No posts in this blog. Yet!" text.**/
.blog-no-topics{
display:none;
}
/**Post number.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
counter-reset:postnumber;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:-2.33333333333333333333333px;
right:8px;
}
body{
counter-reset:postnumber;
counter-increment:postnumber;
}
.commentwrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:5px;
right:8px;
}
/**Above the header.**/
/**Credits: [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the idea.**/
/**Hiding some things.**/
#right_navigation_box{
visibility:hidden;
}
/**Repositioning left_navigation_box, recoloring it, etc.**/
#left_navigation_box{
position:absolute;
left:7.5%;
font-size:12px !important;
font-weight:700;
color:#cdeef1;
text-transform:uppercase;
line-height:25px;
}
/**Making the top.**/
#navigation_box::before{
content:"";
position:absolute;
width:100%;
height:72px;
background-color:white;
top:-72px;
left:0px;
}
#left_navigation_box::before{
content:"";
position:absolute;
left:30px;
top:-59.4px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:254.17px 46.8px;
height:46.8px;
width:254.17px;
z-index:12;
}
/**Feed overlapping with header bug fix.**/
#feed-wrapper{
z-index:10000000000 !important;
top:70px !important;
}
/**Subscribe button becomes bookmark button.**/
#navigation_box>#right_navigation_box>#blog-subscribe{
width:100%;
top:0px;
left:0px;
position:absolute;
}
#navigation_box>#right_navigation_box>#blog-subscribe::after{
content:"Bookmark";
position:absolute;
right:calc(7.5% + 110.25px);
top:80px;
visibility:visible;
color:var(--secondarycolor);
font-size:15px;
padding-left:11.05px;
line-height:18px;
font-family:"Roboto",sans-serif;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::after{
content:"Remove" !important;
padding-left:19.56px;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::before{
content:"D" !important;
right:calc(7.5% + 110.25px + 2px + 53.91px) !important;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::after{
color:white;
border-bottom:1px solid white;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::before{
color:white;
}
#navigation_box>#right_navigation_box>#blog-subscribe::before{
content:"B";
font-family:AoPS;
position:absolute;
right:calc(7.5% + 110.25px + 2px + 68.05px);
top:81px;
visibility:visible;
color:var(--secondarycolor);
font-size:16px;
z-index:1;
line-height:16px;
width:1234px;
pointer-events:none;
}
/**Fixing length of names.**/
h2>strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:black;
}
#right_navigation_box>.blog-logout:hover::before,#right_navigation_box>.blog-login:hover::before{
color:white !important;
}
/**Removing scrollbar from #main.**/
#main::-webkit-scrollbar{
display:none;
}
/**Search widget and entry titles. Credits: Printrbot, slightly modified.**/
#blog_keywords{
border-radius:6px;
}
#search-widget, #search-widget>.widget-content{
width:200px;
height:23px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
font-weight:700;
font-family:Roboto,sans-serif;
width:calc(100% - 78px);
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/**Blog logout.**/
#navigation_box .blog-logout{
visibility:visible;
color:#009fad;
font-size:13px;
font-weight:500;
position:absolute;
right:calc(7.5% + 40px);
font-family:Roboto,sans-serif;
line-height:15px;
top:-20px;
text-transform:uppercase;
padding-right:12.52px;
z-index:11;
height:15px;
}
#navigation_box .blog-logout::after{
content:"SIGN OUT";
position:absolute;
height:2px;
right:0px;
top:21px;
padding:0px;
overflow:hidden;
z-index:11;
width:86.84px;
background-color:white;
pointer-events:none;
}
#navigation_box .blog-logout:hover::after{
height:fit-content;
padding:18px 12px 12px;
display:flex;
top:15px;
width:fit-content;
background-color:transparent;
pointer-events:auto;
}
#navigation_box .blog-logout::before{
content:"LOGOUT";
display:block;
position:absolute;
width:fit-content;
height:15px;
background-color:white;
pointer-events:none;
z-index:384;
left:0px;
color:white;
}
#navigation_box>.clear::after{
content:"S";
font-size:13px;
font-family:AoPS;
position:absolute;
top:-62px;
right:calc(7.5% + 42px);
color:#009fad;
}
#right_navigation_box::after{
content:"";
position:absolute;
right:calc(7.5% + 40px);
top:1px;
height:2px;
width:86.84px;
background-color:#009fad;
visibility:visible;
z-index:10;
}
/**Blog login.**/
#navigation_box .blog-login::before{
content:"";
position:absolute;
width:6.52px;
height:14px;
right:calc(7.5% + 40px);
top:-20px;
background-color:white;
visibility:visible;
z-index:1;
pointer-events:none;
}
#navigation_box .blog-login::after{
content:"SIGN IN/REGISTER";
visibility:visible;
right:calc(7.5% + 40px);
top:-20px;
background-color:white;
z-index:1;
color:#009fad;
font-size:13px;
line-height:15px;
position:absolute;
pointer-events:auto;
}
#navigation_box .blog-login:hover::after{
text-decoration:underline;
}
#navigation_box .blog-login{
position:absolute;
width:100%;
background-color:white;
left:0px;
z-index:11;
visibility:visible;
pointer-events:none;
}
/**Everything in aops-modal-wrapper.**/
.aops-modal-frame{
border-width:0px;
padding:6px;
box-shadow:none;
}
.aops-modal-content-wrapper{
box-shadow:none;
}
.aops-modal-standard .aops-modal-footer,.aops-modal-plain-body .aops-modal-footer{
background-color:transparent;
}
.btn-primary{
background-color:#1b365d;
font-family:Roboto,sans-serif;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.btn-active,.open .dropdown-toggle.btn-primary{
background-color:#135b7b;
border-color:#135b7b;
}
.aops-close-x{
right:-6px;
top:-4px;
font-size:20px;
border-radius:0px;
background-color:transparent;
color:#1b365d;
padding-top:0px;
}
.aops-close-x:hover{
color:#009fad !important;
}
#login-form .info{
background-color:transparent;
color:transparent;
}
#login-form .info::before{
content:"";
display:inline-block;
width:200px;
height:36.8281px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:100% auto;
vertical-align:middle;
position:relative;
left:89.2969px;
}
#login-form .info::after{
content:"Sign In";
font-size:30px;
color:#1a355d;
position:absolute;
vertical-align:middle;
left:calc(99.2969px + 208px);
}
#login-form-links{
background-color:transparent;
}
#login-form-links>p:first-child{
display:none;
}
.aops-modal-content-wrapper>.aops-scroll-outer{
box-shadow:none;
}
.cmty-posting-modal .aops-close-x{
right:2px;
top:6px;
color:white;
}
/**Editing left_navigation_box links.**/
#left_navigation_box>a{
color:#cdeef1;
font-family:Roboto,sans-serif;
line-height:28px;
font-size:12px;
}
#left_navigation_box>a:hover{
text-decoration:underline;
}
#left_navigation_box>a:last-child{
color:white;
pointer-events:none;
}
/**Scrollable side.**/
#side{
height:100%;
border-bottom:2px solid #666666;
overflow-y:auto;
}
/**Succession of height:100%;s to prevent white space.**/
html.svg{
height:100%;
border-top:35px solid #dddddd;
}
html.svg>body.community{
height:100%;
position:relative;
}
html.svg>body.community>#page-wrapper{
height:100%;
}
html.svg>body.community>#page-wrapper>#wrapper{
height:100%;
}
/**Slightly different height.**/
#content{
height:calc(100% - 151px);
}
/**Footer.**/
#wrapper::before{
content:"";
position:absolute;
width:100%;
height:42px;
left:0px;
bottom:0px;
background-color:#1b365d;
}
#wrapper::after{
content:"";
position:absolute;
left:calc(7.5% + 30px);
bottom:12px;
width:119.47px;
height:22px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online-footer.svg");
background-size:119.47px 22px;
}
.aops-modal-standard .aops-modal-title,.aops-modal-plain-body .aops-modal-title{
background-color:transparent;
}
/**Main page stuff. (Credits: https://artofproblemsolving.com/community/c1066032.)**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter{
display:none;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2{
color:rgb(53, 108, 181) !important;
position:absolute;
z-index:1;
left:calc(70% + 3px);
font-size:12px;
padding-left:5.32px;
padding-right:12px;
display:flex;
flex-direction:column;
line-height:12px;
top:0px;
padding-top:33px;
margin-top:7px;
border-left:1px solid #aaaaaa;
height:calc(100% - 14px);
width:calc(30% - 3px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong{
left:12px;
top:40px;
font-weight:normal;
font-style:italic;
width:calc(100% - 24px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a{
color:rgb(53, 108, 181) !important;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a::before{
width:40px;
height:40px;
background-size:40px 40px;
top:-40px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry{
border-width:0px;
padding:0px;
margin:0px;
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type{
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::before{
content:"Topic";
display:block;
line-height:16px;
font-size:12px;
color:#999;
background-color:#eeeeee;
padding-left:10px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
height:20px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::after{
content:"First Poster";
display:block;
position:absolute;
line-height:16px;
font-size:12px;
color:#999;
height:16px;
padding:0px 12px;
width:calc(30% - 3px);
left:calc(70% + 3px);
border-left:1px solid #aaaaaa;
top:2px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap{
margin:0px;
border-width:0px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
background-color:#eaeaea;
height:113px;
padding:5px 0 5px 10px;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap:hover{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>*{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.message{
display:block !important;
height:105px;
padding-top:17px;
overflow:hidden;
width:56%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter{
display:block !important;
position:absolute;
visibility:hidden;
top:0px;
left:0px;
width:100%;
height:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter a{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter *{
padding:0px !important;
margin:0px !important;
border-width:0px !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1{
position:absolute;
z-index:1;
overflow:visible;
padding:0px;
width:calc(100% - 10px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::before{
background-color:#eaeaea;
width:100%;
height:25px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::before{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::after{
content:"";
background-color:#eaeaea;
position:absolute;
width:6.68px;
height:12px;
top:58px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::after{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1>a{
position:absolute;
max-width:63%;
font-size:16px;
line-height:16px;
height:17px;
overflow:hidden;
top:7px;
left:10px;
text-overflow:ellipsis;
white-space:nowrap;
width:63%;
font-weight:normal;
color:var(--primarycolor);
}
/**Post count add-on.**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies{
display:block !important;
position:absolute;
right:calc(30% + 1px);
top:17px;
font-size:12px;
color:#aaa;
text-decoration:none !important;
visibility:visible;
height:calc(100% - 17px);
width:100%;
text-align:right;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::before{
content:"x";
font-family:AoPS;
font-size:11px;
color:#aaa;
margin-right:3.34px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::after{
content:"";
position:absolute;
width:100%;
height:calc(100% + 21px);
right:calc(-30% - 1px);
top:-19px;
z-index:100;
}
#main>div:not(.blog-posts-box):last-child::after{
content:"No more topics!";
font-size:15px;
color:#333333;
padding:5px;
display:block;
}
/**Fixing letter spacing in h1.**/
h1{
letter-spacing:0px;
}
/**Shouts.**/
#message{
width:calc(100% - 4px);
}
#shouts-widget>.widget-content>.blog-shout-wrapper{
min-width:0px;
}
/**The "Quick Reply" button.**/
#main>h1{
order:1;
font-size:0px;
flex:0 0 2px;
background:linear-gradient(90deg,#555555 calc(100% - 3px),#666666 calc(100% - 3px));
}
#main>p:not(:first-child){
order:2;
display:block;
flex:1 0 28px;
background-color:#666666;
padding:4px 7px 2px 4px;
margin:0px;
position:relative;
}
#main>p:not(:first-child)>.blog-post-comment{
display:block;
height:18px;
border-radius:6px;
font-size:0px;
position:relative;
z-index:1;
}
#main>p:not(:first-child)::before{
content:"N";
font-family:AoPS;
font-size:12px;
line-height:18px;
position:absolute;
border-radius:6px;
background-color:white;
width:calc(100% - 11px);
padding-left:6px;
color:#aaaaaa;
}
#main>p:not(:first-child)::after{
content:"Quick Reply";
font-family:Roboto,sans-serif;
font-style:italic;
font-size:12px;
line-height:18px;
position:absolute;
left:23.52px;
top:4px;
color:#aaaaaa;
}
/**Tags.**/
.cmty-item-tag{
background-color:var(--primarycolor) !important;
color:white !important;
}
.cmty-item-tag:hover{
background-color:var(--secondarycolor) !important;
color:var(--primarycolor) !important;
}
/**AVATAR FIX (Credits: reminiscence.css.)**/
h2>strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
[/css]
[/hide]
[hide=Release v1.5.0]
[css]
/**Credits: https://artofproblemsolving.com/community/c66h2410025_an_aops_css and https://artofproblemsolving.com/community/c66h2067759_release_solvecss for the idea, https://artofproblemsolving.com/community/c66 for an actual AoPS forum which I could refer to, reminiscence.css for the avatar fix using attributes idea, [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the above the header idea, SamuraiA for the :hover with ::before and ::after explanation, forester2015 and Facejo for the search button suggestion, Facejo and MinecraftFox for pointing out bugs, Yelly314 for pointing out a coloring issue, WyattB for the idea for the after bookmarking effect, Printrbot for the search widget and entry titles modification, aops-g5-gethsemanea2 for the login/logout suggestion, AndrewC10 for pointing out a bug, pog for pointing out an error, CoolCarsOnTheRun for making the suggestion to put #side on the other side, https://artofproblemsolving.com/community/c1066032, which was gotten from https://artofproblemsolving.com/community/c66h2556490_weird_preview_thing, for the "if person is on main page" thing, and https://artofproblemsolving.com/texer/ for a place to put 40000+ character css codes.**/
/**forum.css?**/
/**Made by Zhaom**/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/**Variables**/
:root{
--primarycolor:rgb(53,108,181);
--secondarycolor:rgb(218,231,246);
--entryhoverbackgroundcolor:rgb(236,243,250);
--titlelength:111.05px;
--width:min(1230px,100vw);
}
/**Blog Info (Note: In the wrong place but as the width of the title of the blog can vary, I put it on the opposite side of the header.)**/
#navigation_box>#right_navigation_box{
width:100%;
left:0px;
top:-44px;
}
#navigation_box>#right_navigation_box>.blog-info{
width:100%;
left:0px;
top:0px;
visibility:hidden;
position:absolute;
}
#navigation_box>#right_navigation_box>.blog-info::after{
content:"3";
font-family:AoPS;
color:var(--secondarycolor);
font-size:16px;
position:absolute;
top:76px;
left:calc(50% - var(--width) / 2 + var(--titlelength) + 6px);
visibility:visible;
line-height:22px;
}
#navigation_box>#right_navigation_box>.blog-info:hover::after{
color:white;
}
#post-new-entry-img{
display:none;
}
#post-new-entry{
color:white;
visibility:hidden;
}
#post-new-entry-p{
margin:0px 0px 0px 0px;
position:absolute;
top:0px;
width:var(--width);
left:calc(50% - var(--width) / 2);
}
#post-new-entry::after{
color:var(--secondarycolor) !important;
font-size:15px;
content:"New Topic";
position:absolute;
right:10px;
top:102.75px;
z-index:349857937460254979276895647384673098;
padding-left:17.34px;
visibility:visible;
font-family:"Roboto",sans-serif;
padding-top:6px;
}
#post-new-entry::before{
color:var(--secondarycolor) !important;
font-size:16px;
content:"V";
font-family:AoPS;
position:absolute;
right:calc(10px + 70.03px + 2px);
top:107.75px;
z-index:349857937460254979276895647384673098;
visibility:visible;
}
#post-new-entry:hover::after{
color:white !important;
border-bottom:1px solid white;
}
#post-new-entry:hover::before{
color:white !important;
}
#wrapper{
width:var(--width);
padding:0px 0px 0px 0px !important;
border-width:0px 0px 0px 0px !important;
background:none !important;
}
#header{
border-width:0px 0px 0px 0px !important;
height:30px;
background-color:var(--primarycolor);
font-size:20px;
margin-bottom:74px;
font-family:Roboto,sans-serif;
}
#main{
padding:0px;
width:calc(100% - 223px);
height:100%;
overflow-y:auto;
border-bottom:3px solid #666666;
float:right;
background-color:white;
display:flex;
flex-direction:column;
border-top:1px solid #666666;
}
#side{
float:left;
background:url("https://artofproblemsolving.com/m/community/img/blogs/hyperion/bg.png") repeat-y;
width:223px;
border-right:3px solid #666666;
}
#header>a>h1{
text-align:left !important;
text-decoration:none !important;
color:white !important;
padding-left:10px !important;
font-weight:700;
line-height:31px;
width:fit-content;
font-size:20px;
}
#header:hover>a>h1{
color:var(--secondarycolor) !important;
}
#navigation_box{
top:72px;
height:26px;
border-bottom:none !important;
background-color:#009fad !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry{
margin-top:0px !important;
border-bottom:1px solid #666666 !important;
padding-bottom:0px !important;
border-right:3px solid #666666;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
background-color:transparent !important;
border-width:0px 0px 0px 0px !important;
margin-right:24px !important;
border-right:1px solid #eeeeee !important;
}
#search-widget{
position:absolute;
left:calc(50% - var(--width) / 2 + 12px);
top:145px;
background:transparent;
padding:0px 0px 0px 0px !important;
z-index:1000000;
}
#search-widget>.widget-header,#search-widget>.widget-settings,#search-widget>.widget-footer{
display:none;
}
#search-widget>.widget-content{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform>fieldset{
border-width:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget input.button2{
display:none;
}
.blog-shout-wrapper>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
.blog-tags-wrapper>.cmty-itembox>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
​
/**Ok now I'll start comments.**/
/**The following code makes the tags widget get moved to the place where it is in the forums.**/
/**Hiding the "Tags" header.**/
#side>div:not(.block):not(.widget) .widget-header{
display:none;
}
/**Basically just repositioning the tags.**/
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper{
height:64px;
border-width:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:4px 5px 4px 0px;
position:absolute;
top:133px;
left:calc(50% - var(--width) / 2 + 220px);
width:calc(var(--width) - 220px - 5px);
background-color:#eee;
z-index:1000000;
}
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper .cmty-itembox{
height:64px;
}
#side>div:not(.block):not(.widget) .cmty-itembox-inner-box{
width:calc(100% - 23px);
margin-right:0px !important;
}
/**Getting rid of odd background and making a border.**/
#navigation_box::after{
content:" ";
width:var(--width);
position:absolute;
top:61px;
height:74px;
left:calc(50% - var(--width) / 2);
border-bottom:2px solid #666666;
background-color:white;
}
/**AoPS pattern background thing. Credits: https://artofproblemsolving.com/community/q1h2404405p19704343 and https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png for the background.**/
#page-wrapper{
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
padding-top:103px !important;
background-position:0px calc(100% - 42px);
}
/**Patching z-index stuff.**/
.aops-modal-mask{
z-index:3498579374602549792768956473846730980 !important;
}
.aops-modal-wrapper{
z-index:3498579374602549792768956473846730981 !important;
}
/**Header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1{
padding:6px 7px 4px 11px !important;
background-color:#666666;
height:58.35px;
font-size:16px;
position:absolute;
width:calc(var(--width) - 226px);
/**top:calc(243px - 74px);**/
margin-top:-58.35px;
z-index:1002;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
color:white !important;
letter-spacing:normal;
line-height:20px;
}
/**Remove relative position on entrywrap.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
position:static;
}
/**Note: If the tags scrolling bothers you, you can delete this piece of code.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper{
position:absolute;
top:calc(243px + 55px - 28px - 74px + 58.35px - 55px + 5px - 4px - 1.85px - 35px);
margin-left:calc(0.5em - 11px);
margin-top:0px;
height:23px !important;
overflow:auto;
width:calc(var(--width) - 226px - 0.5em - 24px - 1px - 216px);
z-index:1002;
}
/**Fixing tag margins.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper .cmty-item-tag{
margin-top:1.5px;
margin-bottom:1.5px;
}
/**Left side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-poll{
margin-left:calc(110px - 0.5em);
border-top:5px solid transparent;
position:relative !important;
z-index:1 !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .message{
margin-left:calc(110px - 0.5em);
position:relative !important;
z-index:1001 !important;
font-family:Roboto,sans-serif;
overflow:visible;
}
h2>strong:nth-child(2){
position:absolute;
left:calc(-1em - 100px + 34.9px);
top:95px;
z-index:1;
font-style:normal;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) h2{
position:relative;
margin-left:calc(110px + 1em - 34.9px);
color:#aaaaaa !important;
font-style:italic;
font-size:12px;
padding-top:5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry .entrywrap{
min-height:calc(143px - 1em);
margin-top:calc(-155px / 7);
padding-top:1em;
padding-bottom:1em;
margin-bottom:0px;
display:flex;
flex-direction:column;
padding-right:8px;
}
.efooter{
position:absolute;
bottom:0px;
}
h2>strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
/**Getting rid of "by , " and the picture before that.**/
h2::before{
content:" ";
position:absolute;
left:0px;
width:34.9px;
height:100%;
background-color:white;
}
/**Moving the contents of the efooter.**/
.efooter ul li a.post-replies{
display:none;
}
.efooter ul li a.post-comment{
visibility:hidden;
}
.efooter ul li a.post-comment::after{
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
content:"Reply";
font-size:15px;
color:#dddddd;
visibility:visible;
padding-left:18.56px;
z-index:1002;
letter-spacing:-0.404px;
line-height:17.5px;
}
.efooter ul li a.post-comment:hover::after{
border-bottom:1px solid #dddddd;
}
.efooter ul li a.post-comment::before{
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px + 36.34px + 2px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
content:"N";
font-family:AoPS;
font-size:16px;
color:#dddddd;
visibility:visible;
z-index:1002;
line-height:17.5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter{
/**width:100%;
height:100%;
padding:0.5em;
margin:0.5em;**/
position:static;
bottom:revert;
order:-1;
/**right:calc(50% - var(--width) / 2);
left:-0.5em;
top:-0.5em;**/
height:1em;
margin-top:-1em;
margin-right:calc(-12.1px - 8px - 1px - 5px);
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>div{
padding:0px;
height:0px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>div>ul{
display:inline-block !important;
padding:0px !important;
margin:0px !important;
border-width:0px !important;
height:0px !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>div>ul>li{
vertical-align:top;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>.modactions>ul>li:first-child{
float:right;
margin:0px;
border-width:0px;
padding:0px;
}
/**#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}**/
/**Repositioning edit info.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap>.cmty-post-edit-info{
margin-left:calc(110px - 0.5em) !important;
position:relative !important;
z-index:1 !important;
width:fit-content;
}
/**Right side of posts.**/
/**#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(1){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post{
visibility:hidden;
display:inline-block;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:relative;
visibility:visible;
z-index:1001;
display:inline-block;
margin-top:3px;
}
/**More header of posts.**/
/**#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::before{
content:"X";
font-family:AoPS;
font-size:16px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px + 8px + 155.7px - 79.08px - 16px + 29.179px + 2px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
visibility:visible;
z-index:1002;
line-height:17.5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::after{
content:"Mod";
font-size:15px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px + 8px + 155.7px - 79.08px - 16px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
visibility:visible;
padding-left:20.04px;
z-index:1002;
line-height:17.5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic:hover::after{
border-bottom:1px solid #dddddd;
}
/**Comments css starts here.**/
/**Hiding a few things and deleting some margins and paddings.**/
.comment{
margin-top:0px !important;
overflow:hidden !important;
}
/**Repositioning and resizing commenting box.**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open{
padding-bottom:0px !important;
margin-top:0px !important;
border-top:7px solid #666666 !important;
top:calc(100% - 266px - 47px);
left:calc(50% - var(--width) / 2 + 220px);
width:calc(var(--width) - 220px);
z-index:1000000;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ{
border-left:3px solid #666666 !important;
border-right:3px solid #666666 !important;
border-bottom:3px solid #666666 !important;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open::before{
content:"";
position:absolute;
width:100vw;
height:calc(100% - 264px);
min-height:42px;
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
z-index:-1;
top:264px;
right:calc(var(--width) / 2 - 50vw);
}
#main .blog-reply-window.cmty-reply-window{
position:absolute;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container,#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
height:200px;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-post-preview{
border-width:0px;
}
/**Adding a border to the right of the commenting box.**/
.blog-posts-box{
border-right:3px solid #666666;
}
/**Add extra space to the bottom if the commenting box has class .blog-reply-open.**/
/**#main>.blog-reply-window.cmty-reply-window.blog-reply-open~h1{
border-bottom:235px solid #666666;
flex:0 0 237px;
box-shadow:0px 28px #666666;
}**/
#main:has(>.blog-reply-window.cmty-reply-window.blog-reply-open){
border-bottom:269px solid #666666;
}
#main:has(>.blog-reply-window.cmty-reply-window.blog-reply-open)>p:not(:first-child){
display:none;
}
/**Adding more padding to cmty-post-attachments.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-attachments{
padding-left:calc(110px - 0.5em) !important;
position:relative !important;
z-index:1 !important;
}
/**Making comments look like posts in forums.**/
.comment{
background-color:white !important;
border-bottom:1px solid #666666 !important;
}
.commentwrap{
min-height:143px;
margin-top:0px !important;
margin-right:24px !Important;
padding-top:calc(0.5em + 17px) !important;
border-right:1px solid #eeeeee !important;
width:auto !important;
overflow:visible !important;
}
.commentwrap .cfooter{
width:100%;
height:100%;
position:absolute;
padding:inherit;
margin:inherit;
left:0px;
bottom:0px;
}
.commentwrap .cfooter .actions{
font-size:12px !important;
color:#aaaaaa !important;
position:absolute;
left:calc(110px - 38.02px + 7.33333333333333333333333px);
top:-6px;
font-style:italic;
}
.commentwrap .cfooter .actions::before{
position:absolute;
left:0px;
top:0px;
height:100%;
content:"";
width:38.02px;
background-color:white;
}
.commentwrap .cfooter .actions .author strong:nth-child(2){
position:absolute;
left:calc(10px - 110px + 38.02px - 7.33333333333333333333333px);
top:98px;
font-style:normal;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
.commentwrap .message,.commentwrap .cmty-post-attachments,.commentwrap .cmty-post-edit-info{
margin-left:110px;
position:relative !important;
z-index:1 !important;
font-family:Roboto,sans-serif;
}
.commentwrap .cfooter .modactions ul li a{
visibility:hidden;
}
.commentwrap .cfooter .modactions ul li a.blog-report-post::after{
content:"Z";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.17px;
top:3px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:25px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-delete-post::after{
content:"J";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-17.25px;
top:47px;
visibility:visible;
}
/**Hiding the "No posts in this blog. Yet!" text.**/
.blog-no-topics{
display:none;
}
/**Post number.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
counter-reset:postnumber;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
text-align:right;
height:calc(44px / 3 - 5px);
margin-top:calc(-44px / 3 + 5px);
}
body{
counter-reset:postnumber;
counter-increment:postnumber;
}
.commentwrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:5px;
right:8px;
}
/**Above the header.**/
/**Credits: [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the idea.**/
/**Hiding some things.**/
#right_navigation_box{
visibility:hidden;
}
/**Repositioning left_navigation_box, recoloring it, etc.**/
#left_navigation_box{
position:absolute;
left:calc(50% - var(--width) / 2);
font-size:12px !important;
font-weight:700;
color:#cdeef1;
text-transform:uppercase;
line-height:25px;
}
/**Making the top.**/
#navigation_box::before{
content:"";
position:absolute;
width:100%;
height:72px;
background-color:white;
top:-72px;
left:0px;
}
#left_navigation_box::before{
content:"";
position:absolute;
left:30px;
top:-59.4px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:254.17px 46.8px;
height:46.8px;
width:254.17px;
z-index:12;
}
/**Feed overlapping with header bug fix.**/
#feed-wrapper{
z-index:10000000000 !important;
top:70px !important;
}
/**Subscribe button becomes bookmark button.**/
#navigation_box>#right_navigation_box>#blog-subscribe{
width:100%;
top:0px;
left:0px;
position:absolute;
}
#navigation_box>#right_navigation_box>#blog-subscribe::after{
content:"Bookmark";
position:absolute;
right:calc(50% - var(--width) / 2 + 110.25px);
top:80px;
visibility:visible;
color:var(--secondarycolor);
font-size:15px;
padding-left:11.05px;
line-height:18px;
font-family:"Roboto",sans-serif;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::after{
content:"Remove" !important;
padding-left:19.56px;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::before{
content:"D" !important;
right:calc(50% - var(--width) / 2 + 110.25px + 2px + 53.91px) !important;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::after{
color:white;
border-bottom:1px solid white;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::before{
color:white;
}
#navigation_box>#right_navigation_box>#blog-subscribe::before{
content:"B";
font-family:AoPS;
position:absolute;
right:calc(50% - var(--width) / 2 + 110.25px + 2px + 68.05px);
top:81px;
visibility:visible;
color:var(--secondarycolor);
font-size:16px;
z-index:1;
line-height:16px;
width:1234px;
pointer-events:none;
}
/**Fixing length of names and also changing line height.**/
h2>strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
line-height:18px;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:black;
}
#right_navigation_box>.blog-login:hover::before{
color:white !important;
}
/**Search widget and entry titles. Credits: Printrbot, slightly modified.**/
#blog_keywords{
border-radius:6px;
}
#search-widget, #search-widget>.widget-content{
width:200px;
height:23px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
font-weight:700;
font-family:Roboto,sans-serif;
width:calc(100% - 78px);
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/**Blog logout.**/
#navigation_box .blog-logout{
visibility:visible;
color:#009fad;
font-size:13px;
font-weight:500;
position:absolute;
right:calc(50% - var(--width) / 2 + 40px);
font-family:Roboto,sans-serif;
line-height:15px;
top:-20px;
text-transform:uppercase;
padding-right:12.52px;
z-index:11;
height:15px;
pointer-events:auto;
}
#navigation_box .blog-logout::after{
content:"SIGN OUT";
position:absolute;
height:2px;
right:0px;
top:21px;
padding:0px;
overflow:hidden;
z-index:11;
width:101.55px;
background-color:white;
pointer-events:none;
color:#1b365d;
}
#navigation_box .blog-logout:hover::after{
height:fit-content;
padding:18px 12px 12px;
display:flex;
top:15px;
width:101.55px;
background-color:transparent;
pointer-events:auto;
}
#navigation_box .blog-logout::before{
content:"LOGOUT";
display:block;
position:absolute;
width:fit-content;
height:20px;
background-color:white;
pointer-events:none;
z-index:384;
left:0px;
color:transparent;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:20px 20px;
background-repeat:no-repeat;
background-position:right 6px bottom;
margin-top:-2.5px;
}
#navigation_box>.clear::after{
content:"S";
font-size:13px;
font-family:AoPS;
position:absolute;
top:-62px;
right:calc(50% - var(--width) / 2 + 42px);
color:#009fad;
}
#right_navigation_box::after{
content:"";
position:absolute;
right:calc(50% - var(--width) / 2 + 40px);
top:1px;
height:2px;
width:101.55px;
background-color:#009fad;
visibility:visible;
z-index:10;
}
/**Blog login.**/
#navigation_box .blog-login::before{
content:"";
position:absolute;
width:6.52px;
height:14px;
right:calc(50% - var(--width) / 2 + 40px);
top:-20px;
background-color:white;
visibility:visible;
z-index:1;
pointer-events:none;
}
#navigation_box .blog-login::after{
content:"SIGN IN/REGISTER";
visibility:visible;
right:calc(50% - var(--width) / 2 + 40px);
top:-20px;
background-color:white;
z-index:1;
color:#009fad;
font-size:13px;
line-height:15px;
position:absolute;
pointer-events:auto;
}
#navigation_box .blog-login:hover::after{
text-decoration:underline;
}
#navigation_box .blog-login{
position:absolute;
width:100%;
background-color:white;
left:0px;
z-index:11;
visibility:visible;
pointer-events:none;
}
/**Everything in aops-modal-wrapper.**/
.aops-modal-frame{
border-width:0px;
padding:6px;
box-shadow:none;
}
.aops-modal-content-wrapper{
box-shadow:none;
}
.aops-modal-standard .aops-modal-footer,.aops-modal-plain-body .aops-modal-footer{
background-color:transparent;
}
.btn-primary{
background-color:#1b365d;
font-family:Roboto,sans-serif;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.btn-active,.open .dropdown-toggle.btn-primary{
background-color:#135b7b;
border-color:#135b7b;
}
.aops-close-x{
right:-6px;
top:-4px;
font-size:20px;
border-radius:0px;
background-color:transparent;
color:#1b365d;
padding-top:0px;
}
.aops-close-x:hover{
color:#009fad !important;
}
#login-form .info{
background-color:transparent;
color:transparent;
}
#login-form .info::before{
content:"";
display:inline-block;
width:200px;
height:36.8281px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:100% auto;
vertical-align:middle;
position:relative;
left:89.2969px;
}
#login-form .info::after{
content:"Sign In";
font-size:30px;
color:#1a355d;
position:absolute;
vertical-align:middle;
left:calc(99.2969px + 208px);
}
#login-form-links{
background-color:transparent;
}
#login-form-links>p:first-child{
display:none;
}
.aops-modal-content-wrapper>.aops-scroll-outer{
box-shadow:none;
}
.cmty-posting-modal .aops-close-x{
right:2px;
top:6px;
color:white;
}
/**Editing left_navigation_box links.**/
#left_navigation_box>a{
color:#cdeef1;
font-family:Roboto,sans-serif;
line-height:28px;
font-size:12px;
}
#left_navigation_box>a:hover{
text-decoration:underline;
}
#left_navigation_box>a:last-child{
color:white;
pointer-events:none;
}
/**Scrollable side.**/
#side{
height:100%;
border-bottom:2px solid #666666;
overflow-y:auto;
}
/**Succession of height:100%;s to prevent white space.**/
html.svg{
height:100%;
border-top:35px solid #dddddd;
}
html.svg>body.community{
height:100%;
position:relative;
}
html.svg>body.community>#page-wrapper{
height:100%;
}
html.svg>body.community>#page-wrapper>#wrapper{
height:100%;
}
/**Slightly different height.**/
#content{
height:calc(100% - 151px);
}
/**Footer.**/
#wrapper::before{
content:"";
position:absolute;
width:100%;
height:42px;
left:0px;
bottom:0px;
background-color:#1b365d;
}
#wrapper::after{
content:"";
position:absolute;
left:calc(50% - var(--width) / 2 + 30px);
bottom:12px;
width:119.47px;
height:22px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online-footer.svg");
background-size:119.47px 22px;
}
.aops-modal-standard .aops-modal-title,.aops-modal-plain-body .aops-modal-title{
background-color:transparent;
}
/**Main page stuff. (Credits: https://artofproblemsolving.com/community/c1066032.)**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter{
display:none;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2{
color:rgb(53, 108, 181) !important;
position:absolute;
z-index:1;
left:calc(70% + 3px);
font-size:12px;
padding-left:5.32px;
padding-right:12px;
display:flex;
flex-direction:column;
line-height:12px;
top:0px;
padding-top:33px;
margin-top:7px;
border-left:1px solid #aaaaaa;
height:calc(100% - 14px);
width:calc(30% - 3px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong{
left:12px;
top:40px;
font-weight:normal;
font-style:italic;
width:calc(100% - 24px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a{
color:rgb(53, 108, 181) !important;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a::before{
width:40px;
height:40px;
background-size:40px 40px;
top:-40px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry{
border-width:0px;
padding:0px;
margin:0px;
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type{
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::before{
content:"Topic";
display:block;
line-height:16px;
font-size:12px;
color:#999;
background-color:#eeeeee;
padding-left:10px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
height:20px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::after{
content:"First Poster";
display:block;
position:absolute;
line-height:16px;
font-size:12px;
color:#999;
height:16px;
padding:0px 12px;
width:calc(30% - 3px);
left:calc(70% + 3px);
border-left:1px solid #aaaaaa;
top:2px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap{
margin:0px;
border-width:0px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
background-color:#eaeaea;
height:113px;
padding:5px 0 5px 10px;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap:hover{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>*{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.message{
display:block !important;
height:105px;
padding-top:17px;
overflow:hidden;
width:56%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter{
display:block !important;
position:absolute;
visibility:hidden;
top:0px;
left:0px;
width:100%;
height:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter a{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter *{
padding:0px !important;
margin:0px !important;
border-width:0px !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1{
position:absolute;
z-index:1;
overflow:visible;
padding:0px;
width:calc(100% - 10px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::before{
background-color:#eaeaea;
width:100%;
height:25px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::before{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::after{
content:"";
background-color:#eaeaea;
position:absolute;
width:6.68px;
height:12px;
top:58px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::after{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1>a{
position:absolute;
max-width:63%;
font-size:16px;
line-height:16px;
height:17px;
overflow:hidden;
top:7px;
left:10px;
text-overflow:ellipsis;
white-space:nowrap;
width:63%;
font-weight:normal;
color:var(--primarycolor);
}
/**Post count add-on.**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies{
display:block !important;
position:absolute;
right:calc(30% + 1px);
top:17px;
font-size:12px;
color:#aaa;
text-decoration:none !important;
visibility:visible;
height:calc(100% - 17px);
width:100%;
text-align:right;
width:calc(70% - 0.7px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::before{
content:"x";
font-family:AoPS;
font-size:11px;
color:#aaa;
margin-right:3.34px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::after{
content:"";
position:absolute;
width:calc(1000% / 7 + 1px);
height:calc(100% + 21px);
right:calc(-300% / 7 - 1.3px);
top:-19px;
z-index:100;
}
#main>div:not(.blog-posts-box):last-child::after{
content:"No more topics!";
font-size:15px;
color:#333333;
padding:5px;
display:block;
}
/**Fixing letter spacing in h1.**/
h1{
letter-spacing:0px;
}
/**Shouts.**/
#message{
width:calc(100% - 4px);
}
#shouts-widget>.widget-content>.blog-shout-wrapper{
min-width:0px;
}
/**The "Quick Reply" button.**/
#main>h1{
order:1;
font-size:0px;
flex:0 0 2px;
background:linear-gradient(90deg,#555555 calc(100% - 3px),#666666 calc(100% - 3px));
}
#main>p:not(:first-child){
order:2;
display:block;
flex:1 0 28px;
background-color:#666666;
padding:4px 7px 2px 4px;
margin:0px;
position:relative;
}
#main>p:not(:first-child)>.blog-post-comment{
display:block;
height:18px;
border-radius:6px;
font-size:0px;
position:relative;
z-index:1;
}
#main>p:not(:first-child)::before{
content:"N";
font-family:AoPS;
font-size:12px;
line-height:18px;
position:absolute;
border-radius:6px;
background-color:white;
width:calc(100% - 11px);
padding-left:6px;
color:#aaaaaa;
}
#main>p:not(:first-child)::after{
content:"Quick Reply";
font-family:Roboto,sans-serif;
font-style:italic;
font-size:12px;
line-height:18px;
position:absolute;
left:23.52px;
top:4px;
color:#aaaaaa;
}
/**Tags.**/
.cmty-item-tag{
background-color:var(--primarycolor) !important;
color:white !important;
}
.cmty-item-tag:hover{
background-color:var(--secondarycolor) !important;
color:var(--primarycolor) !important;
}
/**:has implementation**/
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)){
border-right:3px solid #666666;
border-top:59.35px solid #666666;
margin-top:-74px;
height:calc(100% + 74px);
}
#navigation_box:has(+#wrapper>#content>#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::after{
width:223px;
border-right:3px solid #666666;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))+#side>div:nth-of-type(4){
display:none;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))){
width:100%;
background-color:transparent;
direction:rtl;
overflow-x:hidden;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))>*{
direction:ltr;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))+#side{
height:0px;
padding:0px;
margin:0px;
border-width:0px;
}
/**Scrollbar.**/
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))::-webkit-scrollbar{
display:block;
width:8px;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))::-webkit-scrollbar-track{
background-color:#cccccc;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))::-webkit-scrollbar-thumb{
background-color:#666666;
border-radius:4px;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::-webkit-scrollbar{
display:block !important;
width:8px;
z-index:1002;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::-webkit-scrollbar-track{
background-color:#666666;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::-webkit-scrollbar-thumb{
border-radius:4px;
/**So scrollbar is small enough so arrow things fit**/
background:linear-gradient(0deg,transparent 13px,#dddddd 13px,#dddddd calc(100% - 13px),transparent calc(100% - 13px)),radial-gradient(circle at 50% calc(100% - 13px),#dddddd 4px,transparent 4px),radial-gradient(circle at 50% 13px,#dddddd 4px,transparent 4px);
min-height:26px;
}
/**The arrow things.**/
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)):before{
content:"G";
font-family:AoPS;
font-size:10px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 3px);
top:calc(261px - 74px + 58.35px - 55px);
cursor:pointer;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::after{
content:"H";
font-family:AoPS;
font-size:10px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 3px);
cursor:pointer;
/**It should theoretically be 47px but this looks inaccurate.**/
bottom:47px;
}
div#wrapper>div#content>div#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)):has(>div.blog-reply-window.cmty-reply-window.blog-reply-open)::after{
bottom:313px;
}
/**The "X" in the top right corner.**/
#header:has(+#content>#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5)){
z-index:1003;
overflow:visible;
}
#header:has(+#content>#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5))>a::before{
content:"J";
font-family:AoPS;
font-size:24px;
line-height:22px;
position:absolute;
right:calc(50% - var(--width) / 2 + 3px + 4px + 2.296874px);
top:36px;
color:#dddddd;
}
/**Font size for commenting**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
font-size:15px;
}
/**Revert back to old header but with "X" when previewing because display:fixed causes some problems.**/
/**Get rid of scrollbar**/
/**div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing)::-webkit-scrollbar,div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing)::before,div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing)::after{
display:none !important;
}
div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing){
border-right-width:0px;**/
/**Absolute positioned header**/
/**border-top-width:1px;
}
div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing) .entry>h1{
position:absolute;
top:0px;
}**/
/**AVATAR FIX (Credits: reminiscence.css.)**/
h2>strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/418632"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_418632.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/418632"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_418632.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/612903"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_612903.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/612903"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_612903.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587919"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587919.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587919"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587919.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/585172"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_585172.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/585172"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_585172.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/440029"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_440029.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/440029"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_440029.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/593414"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_593414.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/593414"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_593414.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546195"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546195.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546195"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546195.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/482399"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_482399.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/482399"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_482399.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/351989"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_351989.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/351989"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_351989.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/564412"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_564412.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/564412"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_564412.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/540181"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540181.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/540181"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540181.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/394206"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_394206.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/394206"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_394206.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/561462"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_561462.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/561462"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_561462.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/540990"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540990.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/540990"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540990.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/821377"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_821377.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/821377"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_821377.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/785184"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_785184.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/785184"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_785184.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/731457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_731457.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/731457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_731457.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/592434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_592434.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/592434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_592434.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546904"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546904.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546904"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546904.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/511288"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_511288.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/511288"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_511288.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/365093"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_365093.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/365093"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_365093.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/777323"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_777323.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/777323"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_777323.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/618877"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_618877.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/618877"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_618877.png") !important;
}
[/css]
[/hide]
[hide=Release v1.5.1]
[css]
/**Credits: https://artofproblemsolving.com/community/c66h2410025_an_aops_css and https://artofproblemsolving.com/community/c66h2067759_release_solvecss for the idea, https://artofproblemsolving.com/community/c66 for an actual AoPS forum which I could refer to, reminiscence.css for the avatar fix using attributes idea, [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the above the header idea, SamuraiA for the :hover with ::before and ::after explanation, forester2015 and Facejo for the search button suggestion, Facejo and MinecraftFox for pointing out bugs, Yelly314 for pointing out a coloring issue, WyattB for the idea for the after bookmarking effect, Printrbot for the search widget and entry titles modification, aops-g5-gethsemanea2 for the login/logout suggestion, AndrewC10 for pointing out a bug, pog for pointing out an error, CoolCarsOnTheRun for making the suggestion to put #side on the other side, https://artofproblemsolving.com/community/c1066032, which was gotten from https://artofproblemsolving.com/community/c66h2556490_weird_preview_thing, for the "if person is on main page" thing, and https://artofproblemsolving.com/texer/ for a place to put 40000+ character css codes.**/
/**forum.css?**/
/**Made by Zhaom**/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/**Variables**/
:root{
--primarycolor:rgb(53,108,181);
--secondarycolor:rgb(218,231,246);
--entryhoverbackgroundcolor:rgb(236,243,250);
--titlelength:111.05px;
--width:min(1230px,100vw);
}
/**Blog Info (Note: In the wrong place but as the width of the title of the blog can vary, I put it on the opposite side of the header.)**/
#navigation_box>#right_navigation_box{
width:100%;
left:0px;
top:-44px;
}
#navigation_box>#right_navigation_box>.blog-info{
width:100%;
left:0px;
top:0px;
visibility:hidden;
position:absolute;
}
#navigation_box>#right_navigation_box>.blog-info::after{
content:"3";
font-family:AoPS;
color:var(--secondarycolor);
font-size:16px;
position:absolute;
top:76px;
left:calc(50% - var(--width) / 2 + var(--titlelength) + 6px);
visibility:visible;
line-height:22px;
}
#navigation_box>#right_navigation_box>.blog-info:hover::after{
color:white;
}
#post-new-entry-img{
display:none;
}
#post-new-entry{
color:white;
visibility:hidden;
}
#post-new-entry-p{
margin:0px 0px 0px 0px;
position:absolute;
top:0px;
width:var(--width);
left:calc(50% - var(--width) / 2);
}
#post-new-entry::after{
color:var(--secondarycolor) !important;
font-size:15px;
content:"New Topic";
position:absolute;
right:10px;
top:102.75px;
z-index:349857937460254979276895647384673098;
padding-left:17.34px;
visibility:visible;
font-family:"Roboto",sans-serif;
padding-top:6px;
}
#post-new-entry::before{
color:var(--secondarycolor) !important;
font-size:16px;
content:"V";
font-family:AoPS;
position:absolute;
right:calc(10px + 70.03px + 2px);
top:107.75px;
z-index:349857937460254979276895647384673098;
visibility:visible;
}
#post-new-entry:hover::after{
color:white !important;
border-bottom:1px solid white;
}
#post-new-entry:hover::before{
color:white !important;
}
#wrapper{
width:var(--width);
padding:0px 0px 0px 0px !important;
border-width:0px 0px 0px 0px !important;
background:none !important;
}
#header{
border-width:0px 0px 0px 0px !important;
height:30px;
background-color:var(--primarycolor);
font-size:20px;
margin-bottom:74px;
font-family:Roboto,sans-serif;
}
#main{
padding:0px;
width:calc(100% - 223px);
height:100%;
overflow-y:auto;
border-bottom:3px solid #666666;
float:right;
background-color:white;
display:flex;
flex-direction:column;
border-top:1px solid #666666;
}
#side{
float:left;
background:url("https://artofproblemsolving.com/m/community/img/blogs/hyperion/bg.png") repeat-y;
width:223px;
border-right:3px solid #666666;
}
#header>a>h1{
text-align:left !important;
text-decoration:none !important;
color:white !important;
padding-left:10px !important;
font-weight:700;
line-height:31px;
width:fit-content;
font-size:20px;
}
#header:hover>a>h1{
color:var(--secondarycolor) !important;
}
#navigation_box{
top:72px;
height:26px;
border-bottom:none !important;
background-color:#009fad !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry{
margin-top:0px !important;
border-bottom:1px solid #666666 !important;
padding-bottom:0px !important;
border-right:3px solid #666666;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
background-color:transparent !important;
border-width:0px 0px 0px 0px !important;
margin-right:24px !important;
border-right:1px solid #eeeeee !important;
}
#search-widget{
position:absolute;
left:calc(50% - var(--width) / 2 + 12px);
top:145px;
background:transparent;
padding:0px 0px 0px 0px !important;
z-index:1000000;
}
#search-widget>.widget-header,#search-widget>.widget-settings,#search-widget>.widget-footer{
display:none;
}
#search-widget>.widget-content{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform{
padding:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget>.widget-content>#blog_searchform>fieldset{
border-width:0px 0px 0px 0px !important;
margin:0px 0px 0px 0px !important;
}
#search-widget input.button2{
display:none;
}
.blog-shout-wrapper>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
.blog-tags-wrapper>.cmty-itembox>.aops-scroll-outer>.aops-scroll-inner::-webkit-scrollbar{
display:none;
}
​
/**Ok now I'll start comments.**/
/**The following code makes the tags widget get moved to the place where it is in the forums.**/
/**Hiding the "Tags" header.**/
#side>div:not(.block):not(.widget) .widget-header{
display:none;
}
/**Basically just repositioning the tags.**/
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper{
height:64px;
border-width:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:4px 5px 4px 0px;
position:absolute;
top:133px;
left:calc(50% - var(--width) / 2 + 220px);
width:calc(var(--width) - 220px - 5px);
background-color:#eee;
z-index:1000000;
}
#side>div:not(.block):not(.widget) .widget-content>fieldset.blog-tags-wrapper .cmty-itembox{
height:64px;
}
#side>div:not(.block):not(.widget) .cmty-itembox-inner-box{
width:calc(100% - 23px);
margin-right:0px !important;
}
/**Getting rid of odd background and making a border.**/
#navigation_box::after{
content:" ";
width:var(--width);
position:absolute;
top:61px;
height:74px;
left:calc(50% - var(--width) / 2);
border-bottom:2px solid #666666;
background-color:white;
}
/**AoPS pattern background thing. Credits: https://artofproblemsolving.com/community/q1h2404405p19704343 and https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png for the background.**/
#page-wrapper{
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
padding-top:103px !important;
background-position:0px calc(100% - 42px);
}
/**Patching z-index stuff.**/
.aops-modal-mask{
z-index:3498579374602549792768956473846730980 !important;
}
.aops-modal-wrapper{
z-index:3498579374602549792768956473846730981 !important;
}
/**Header of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1{
padding:6px 7px 4px 11px !important;
background-color:#666666;
height:58.35px;
font-size:16px;
position:absolute;
width:calc(var(--width) - 226px);
/**top:calc(243px - 74px);**/
margin-top:-58.35px;
z-index:1002;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
color:white !important;
letter-spacing:normal;
line-height:20px;
}
/**Remove relative position on entrywrap.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
position:static;
}
/**Note: If the tags scrolling bothers you, you can delete this piece of code.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper{
position:absolute;
top:calc(243px + 55px - 28px - 74px + 58.35px - 55px + 5px - 4px - 1.85px - 35px);
margin-left:calc(0.5em - 11px);
margin-top:0px;
height:23px !important;
overflow:auto;
width:calc(var(--width) - 454px);
z-index:1002;
}
/**Fixing tag margins.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper .cmty-item-tag{
margin-top:1.5px;
margin-bottom:1.5px;
}
/**Left side of posts.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-poll{
margin-left:calc(110px - 0.5em);
border-top:5px solid transparent;
position:relative !important;
z-index:1 !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .message{
margin-left:calc(110px - 0.5em);
position:relative !important;
z-index:1003 !important;
font-family:Roboto,sans-serif;
overflow:visible;
}
h2>strong:nth-child(2){
position:absolute;
left:calc(-1em - 100px + 34.9px);
top:95px;
z-index:1;
font-style:normal;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) h2{
position:relative;
margin-left:calc(110px + 1em - 34.9px);
color:#aaaaaa !important;
font-style:italic;
font-size:12px;
padding-top:5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry .entrywrap{
min-height:calc(143px - 1em);
margin-top:calc(-155px / 7);
padding-top:1em;
padding-bottom:1em;
margin-bottom:0px;
display:flex;
flex-direction:column;
padding-right:8px;
}
.efooter{
position:absolute;
bottom:0px;
}
h2>strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
/**Getting rid of "by , " and the picture before that.**/
h2::before{
content:" ";
position:absolute;
left:0px;
width:34.9px;
height:100%;
background-color:white;
}
/**Moving the contents of the efooter.**/
.efooter ul li a.post-replies{
display:none;
}
.efooter ul li a.post-comment{
visibility:hidden;
}
.efooter ul li a.post-comment::after{
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
content:"Reply";
font-size:15px;
color:#dddddd;
visibility:visible;
padding-left:18.56px;
z-index:1002;
letter-spacing:0px;
line-height:17.5px;
font-family:"Roboto",sans-serif;
}
.efooter ul li a.post-comment:hover::after{
border-bottom:1px solid #dddddd;
}
.efooter ul li a.post-comment::before{
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px + 36.34px + 2px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
content:"N";
font-family:AoPS;
font-size:16px;
color:#dddddd;
visibility:visible;
z-index:1002;
line-height:17.5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter{
/**width:100%;
height:100%;
padding:0.5em;
margin:0.5em;**/
position:static;
bottom:revert;
order:-1;
/**right:calc(50% - var(--width) / 2);
left:-0.5em;
top:-0.5em;**/
height:1em;
margin-top:-1em;
margin-right:calc(-12.1px - 8px - 1px - 5px);
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>div{
padding:0px;
height:0px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>div>ul{
display:inline-block !important;
padding:0px !important;
margin:0px !important;
border-width:0px !important;
height:0px !important;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>div>ul>li{
vertical-align:top;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter>.modactions>ul>li:first-child{
float:right;
margin:0px;
border-width:0px;
padding:0px;
}
/**#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .actions ul li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}**/
/**Repositioning edit info.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap>.cmty-post-edit-info{
margin-left:calc(110px - 0.5em) !important;
position:relative !important;
z-index:1 !important;
width:fit-content;
}
/**Right side of posts.**/
/**#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul{
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(1){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post{
visibility:hidden;
display:inline-block;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:relative;
visibility:visible;
z-index:1001;
display:inline-block;
margin-top:3px;
}
/**More header of posts.**/
/**#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions li:nth-child(2){
width:100%;
height:100%;
padding:inherit;
margin:inherit;
position:absolute;
left:inherit;
top:inherit;
}**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic{
visibility:hidden;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::before{
content:"X";
font-family:AoPS;
font-size:16px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px + 8px + 155.7px - 79.08px - 16px + 29.179px + 2px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
visibility:visible;
z-index:1002;
line-height:17.5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::after{
content:"Mod";
font-size:15px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 7px + 1.29687px + 8px + 155.7px - 79.08px - 16px);
top:calc(273px - 74px + 58.35px - 55px - 35px);
visibility:visible;
padding-left:20.04px;
z-index:1002;
line-height:17.5px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic:hover::after{
border-bottom:1px solid #dddddd;
}
/**Comments css starts here.**/
/**Deleting margin. Also, tips need to work.**/
.comment{
margin-top:0px !important;
overflow:visible !important;
}
/**Repositioning and resizing commenting box.**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open{
padding-bottom:0px !important;
margin-top:0px !important;
border-top:7px solid #666666 !important;
top:calc(100% - 266px - 47px + 67px);
left:calc(50% - var(--width) / 2 + 220px);
width:calc(var(--width) - 220px);
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ{
border-left:3px solid #666666 !important;
border-right:3px solid #666666 !important;
border-bottom:3px solid #666666 !important;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open::before{
content:"";
position:absolute;
width:100vw;
height:calc(100% - 197px);
min-height:67px;
background-image:url('https://artofproblemsolving.com/assets/images/top/pattern-online-gray.png');
background-repeat:repeat;
z-index:-1;
top:197px;
right:calc(var(--width) / 2 - 50vw);
}
#main .blog-reply-window.cmty-reply-window{
position:absolute;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container,#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
height:200px;
}
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-post-preview{
border-width:0px;
}
/**Adding a border to the right of the commenting box and also fixing tip overflow.**/
.blog-posts-box{
border-right:3px solid #666666;
overflow:hidden;
flex-shrink:0;
padding-bottom:30px;
margin-bottom:-30px;
}
/**Add extra space to the bottom if the commenting box has class .blog-reply-open.**/
/**#main>.blog-reply-window.cmty-reply-window.blog-reply-open~h1{
border-bottom:235px solid #666666;
flex:0 0 237px;
box-shadow:0px 28px #666666;
}**/
#main:has(>.blog-reply-window.cmty-reply-window.blog-reply-open){
border-bottom:269px solid #666666;
}
#main:has(>.blog-reply-window.cmty-reply-window.blog-reply-open)>p:not(:first-child){
display:none;
}
/**Adding more padding to cmty-post-attachments.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-post-attachments{
padding-left:calc(110px - 0.5em) !important;
position:relative !important;
z-index:1 !important;
}
/**Making comments look like posts in forums.**/
.comment{
background-color:white !important;
border-bottom:1px solid #666666 !important;
}
.commentwrap{
min-height:143px;
margin-top:0px !important;
margin-right:24px !Important;
padding-top:calc(0.5em + 17px) !important;
border-right:1px solid #eeeeee !important;
width:auto !important;
overflow:visible !important;
}
.commentwrap .cfooter{
width:100%;
height:100%;
position:absolute;
padding:inherit;
margin:inherit;
left:0px;
bottom:0px;
pointer-events:none;
}
.commentwrap .cfooter *{
pointer-events:all;
}
.commentwrap .cfooter .actions{
font-size:12px !important;
color:#aaaaaa !important;
position:absolute;
left:calc(110px - 38.02px + 7.33333333333333333333333px);
top:-6px;
font-style:italic;
}
.commentwrap .cfooter .actions .author{
position:relative;
}
.commentwrap .cfooter .actions .author::before{
position:absolute;
left:0px;
top:0px;
height:100%;
content:"";
width:38.02px;
background-color:white;
}
.commentwrap .cfooter .actions .author strong:nth-child(2){
position:absolute;
left:calc(10px - 110px + 38.02px - 7.33333333333333333333333px);
top:90px;
font-style:normal;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a::before{
position:absolute;
left:0px;
content:" ";
height:80px;
width:80px;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:80px 80px;
background-position:center;
top:-85px;
}
.commentwrap .message,.commentwrap .cmty-post-attachments,.commentwrap .cmty-post-edit-info{
margin-left:110px;
position:relative !important;
font-family:Roboto,sans-serif;
width:calc(100% - 110px);
}
/**Tips need to work.**/
.commentwrap .message{
overflow:visible;
}
.commentwrap .cfooter .modactions ul li a{
visibility:hidden;
}
.commentwrap .cfooter .modactions ul li a.blog-report-post::after{
content:"Z";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.17px;
top:3px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-edit-post::after{
content:"L";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-18.11px;
top:25px;
visibility:visible;
}
.commentwrap .cfooter .modactions ul li a.blog-delete-post::after{
content:"J";
font-family:AoPS;
font-size:16px;
color:#aaaaaa;
position:absolute;
right:-17.25px;
top:47px;
visibility:visible;
}
/**Hiding the "No posts in this blog. Yet!" text.**/
.blog-no-topics{
display:none;
}
/**Post number.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap{
counter-reset:postnumber;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
text-align:right;
height:calc(44px / 3 - 5px);
margin-top:calc(-44px / 3 + 5px);
}
body{
counter-reset:postnumber;
counter-increment:postnumber;
}
.commentwrap::before{
counter-increment:postnumber;
content:"#"counter(postnumber);
color:#aaa;
font-size:12px;
position:absolute;
top:5px;
right:8px;
}
/**Above the header.**/
/**Credits: [WIP] Seamless UI (https://artofproblemsolving.com/community/c66h2414842_wip_seamless_ui) for the idea.**/
/**Hiding some things.**/
#right_navigation_box{
visibility:hidden;
}
/**Repositioning left_navigation_box, recoloring it, etc.**/
#left_navigation_box{
position:absolute;
left:calc(50% - var(--width) / 2);
font-size:12px !important;
font-weight:700;
color:#cdeef1;
text-transform:uppercase;
line-height:25px;
}
/**Making the top.**/
#navigation_box::before{
content:"";
position:absolute;
width:100%;
height:72px;
background-color:white;
top:-72px;
left:0px;
}
#left_navigation_box::before{
content:"";
position:absolute;
left:30px;
top:-59.4px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:254.17px 46.8px;
height:46.8px;
width:254.17px;
z-index:12;
}
/**Feed overlapping with header bug fix.**/
#feed-wrapper{
z-index:10000000000 !important;
top:70px !important;
}
/**Subscribe button becomes bookmark button.**/
#navigation_box>#right_navigation_box>#blog-subscribe{
width:100%;
top:0px;
left:0px;
position:absolute;
}
#navigation_box>#right_navigation_box>#blog-subscribe::after{
content:"Bookmark";
position:absolute;
right:calc(50% - var(--width) / 2 + 110.25px);
top:80px;
visibility:visible;
color:var(--secondarycolor);
font-size:15px;
padding-left:11.05px;
line-height:18px;
font-family:"Roboto",sans-serif;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::after{
content:"Remove" !important;
padding-left:19.56px;
}
#navigation_box>#right_navigation_box>#blog-subscribe[title="Click to stop receiving email notifications for new posts in this blog"]::before{
content:"D" !important;
right:calc(50% - var(--width) / 2 + 110.25px + 2px + 53.91px) !important;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::after{
color:white;
border-bottom:1px solid white;
}
#navigation_box>#right_navigation_box>#blog-subscribe:hover::before{
color:white;
}
#navigation_box>#right_navigation_box>#blog-subscribe::before{
content:"B";
font-family:AoPS;
position:absolute;
right:calc(50% - var(--width) / 2 + 110.25px + 2px + 68.05px);
top:81px;
visibility:visible;
color:var(--secondarycolor);
font-size:16px;
z-index:1;
line-height:16px;
width:1234px;
pointer-events:none;
}
/**Fixing length of names and also changing line height.**/
h2>strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
line-height:18px;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a{
width:90px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:black;
}
#right_navigation_box>.blog-login:hover::before{
color:white !important;
}
/**Search widget and entry titles. Credits: Printrbot, slightly modified.**/
#blog_keywords{
border-radius:6px;
}
#search-widget, #search-widget>.widget-content{
width:200px;
height:23px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entry>h1>a{
font-weight:700;
font-family:Roboto,sans-serif;
width:calc(100% - 78px);
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
/**Blog logout.**/
#navigation_box .blog-logout{
visibility:visible;
color:#009fad;
font-size:13px;
font-weight:500;
position:absolute;
right:calc(50% - var(--width) / 2 + 40px);
font-family:Roboto,sans-serif;
line-height:15px;
top:-20px;
text-transform:uppercase;
padding-right:12.52px;
z-index:11;
height:15px;
pointer-events:auto;
}
#navigation_box .blog-logout::after{
content:"SIGN OUT";
position:absolute;
height:2px;
right:0px;
top:21px;
padding:0px;
overflow:hidden;
z-index:11;
width:101.55px;
background-color:white;
pointer-events:none;
color:#1b365d;
}
#navigation_box .blog-logout:hover::after{
height:fit-content;
padding:18px 12px 12px;
display:flex;
top:15px;
width:101.55px;
background-color:transparent;
pointer-events:auto;
}
#navigation_box .blog-logout::before{
content:"LOGOUT";
display:block;
position:absolute;
width:fit-content;
height:20px;
background-color:white;
pointer-events:none;
z-index:384;
left:0px;
color:transparent;
background-image:url('https://avatar.artofproblemsolving.com/no-avatar.png');
background-size:20px 20px;
background-repeat:no-repeat;
background-position:right 6px bottom;
margin-top:-2.5px;
}
#navigation_box>.clear::after{
content:"S";
font-size:13px;
font-family:AoPS;
position:absolute;
top:-62px;
right:calc(50% - var(--width) / 2 + 42px);
color:#009fad;
}
#right_navigation_box::after{
content:"";
position:absolute;
right:calc(50% - var(--width) / 2 + 40px);
top:1px;
height:2px;
width:101.55px;
background-color:#009fad;
visibility:visible;
z-index:10;
}
/**Blog login.**/
#navigation_box .blog-login::before{
content:"";
position:absolute;
width:6.52px;
height:14px;
right:calc(50% - var(--width) / 2 + 40px);
top:-20px;
background-color:white;
visibility:visible;
z-index:1;
pointer-events:none;
}
#navigation_box .blog-login::after{
content:"SIGN IN/REGISTER";
visibility:visible;
right:calc(50% - var(--width) / 2 + 40px);
top:-20px;
background-color:white;
z-index:1;
color:#009fad;
font-size:13px;
line-height:15px;
position:absolute;
pointer-events:auto;
}
#navigation_box .blog-login:hover::after{
text-decoration:underline;
}
#navigation_box .blog-login{
position:absolute;
width:100%;
background-color:white;
left:0px;
z-index:11;
visibility:visible;
pointer-events:none;
}
/**Everything in aops-modal-wrapper.**/
.aops-modal-frame{
border-width:0px;
padding:6px;
box-shadow:none;
}
.aops-modal-content-wrapper{
box-shadow:none;
}
.aops-modal-standard .aops-modal-footer,.aops-modal-plain-body .aops-modal-footer{
background-color:transparent;
}
.btn-primary{
background-color:#1b365d;
font-family:Roboto,sans-serif;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.btn-active,.open .dropdown-toggle.btn-primary{
background-color:#135b7b;
border-color:#135b7b;
}
.aops-close-x{
right:-6px;
top:-4px;
font-size:20px;
border-radius:0px;
background-color:transparent;
color:#1b365d;
padding-top:0px;
}
.aops-close-x:hover{
color:#009fad !important;
}
#login-form .info{
background-color:transparent;
color:transparent;
}
#login-form .info::before{
content:"";
display:inline-block;
width:200px;
height:36.8281px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online.svg");
background-size:100% auto;
vertical-align:middle;
position:relative;
left:89.2969px;
}
#login-form .info::after{
content:"Sign In";
font-size:30px;
color:#1a355d;
position:absolute;
vertical-align:middle;
left:calc(99.2969px + 208px);
}
#login-form-links{
background-color:transparent;
}
#login-form-links>p:first-child{
display:none;
}
.aops-modal-content-wrapper>.aops-scroll-outer{
box-shadow:none;
}
.cmty-posting-modal .aops-close-x{
right:2px;
top:6px;
color:white;
}
/**Editing left_navigation_box links.**/
#left_navigation_box>a{
color:#cdeef1;
font-family:Roboto,sans-serif;
line-height:28px;
font-size:12px;
}
#left_navigation_box>a:hover{
text-decoration:underline;
}
#left_navigation_box>a:last-child{
color:white;
pointer-events:none;
}
/**Scrollable side.**/
#side{
height:100%;
border-bottom:2px solid #666666;
overflow-y:auto;
}
/**Succession of height:100%;s to prevent white space.**/
html.svg{
height:100%;
border-top:35px solid #dddddd;
}
html.svg>body.community{
height:100%;
position:relative;
}
html.svg>body.community>#page-wrapper{
height:100%;
}
html.svg>body.community>#page-wrapper>#wrapper{
height:100%;
}
/**Slightly different height.**/
#content{
height:calc(100% - 151px);
}
/**Footer.**/
#wrapper::before{
content:"";
position:absolute;
width:100%;
height:42px;
left:0px;
bottom:0px;
background-color:#1b365d;
}
#wrapper::after{
content:"";
position:absolute;
left:calc(50% - var(--width) / 2 + 30px);
bottom:12px;
width:119.47px;
height:22px;
background:url("https://artofproblemsolving.com/assets/images/logos/aops-online-footer.svg");
background-size:119.47px 22px;
}
.aops-modal-standard .aops-modal-title,.aops-modal-plain-body .aops-modal-title{
background-color:transparent;
}
/**Main page stuff. (Credits: https://artofproblemsolving.com/community/c1066032.)**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter{
display:none;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2{
color:rgb(53, 108, 181) !important;
position:absolute;
z-index:1;
left:calc(70% + 3px);
font-size:12px;
padding-left:5.32px;
padding-right:12px;
display:flex;
flex-direction:column;
line-height:12px;
top:0px;
padding-top:33px;
margin-top:7px;
border-left:1px solid #aaaaaa;
height:calc(100% - 14px);
width:calc(30% - 3px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong{
left:12px;
top:40px;
font-weight:normal;
font-style:italic;
width:calc(100% - 24px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a{
color:rgb(53, 108, 181) !important;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) h2>strong>a::before{
width:40px;
height:40px;
background-size:40px 40px;
top:-40px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry{
border-width:0px;
padding:0px;
margin:0px;
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type{
position:relative;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::before{
content:"Topic";
display:block;
line-height:16px;
font-size:12px;
color:#999;
background-color:#eeeeee;
padding-left:10px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
height:20px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)):first-of-type::after{
content:"First Poster";
display:block;
position:absolute;
line-height:16px;
font-size:12px;
color:#999;
height:16px;
padding:0px 12px;
width:calc(30% - 3px);
left:calc(70% + 3px);
border-left:1px solid #aaaaaa;
top:2px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap{
margin:0px;
border-width:0px;
border-top:2px solid white;
border-bottom:2px solid #cccccc;
background-color:#eaeaea;
height:113px;
padding:5px 0 5px 10px;
width:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap:hover{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>*{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.message{
display:block !important;
height:105px;
padding-top:17px;
overflow:hidden;
width:56%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter{
display:block !important;
position:absolute;
visibility:hidden;
top:0px;
left:0px;
width:100%;
height:100%;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter a{
display:none !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entrywrap>.efooter *{
padding:0px !important;
margin:0px !important;
border-width:0px !important;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1{
position:absolute;
z-index:1;
overflow:visible;
padding:0px;
width:calc(100% - 10px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::before{
background-color:#eaeaea;
width:100%;
height:25px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::before{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h2::after{
content:"";
background-color:#eaeaea;
position:absolute;
width:6.68px;
height:12px;
top:58px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry:hover>h2::after{
background-color:var(--entryhoverbackgroundcolor);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .entry>h1>a{
position:absolute;
max-width:63%;
font-size:16px;
line-height:16px;
height:17px;
overflow:hidden;
top:7px;
left:10px;
text-overflow:ellipsis;
white-space:nowrap;
width:63%;
font-weight:normal;
color:var(--primarycolor);
}
/**Post count add-on.**/
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies{
display:block !important;
position:absolute;
right:calc(30% + 1px);
top:17px;
font-size:12px;
color:#aaa;
text-decoration:none !important;
visibility:visible;
height:calc(100% - 17px);
width:100%;
text-align:right;
width:calc(70% - 0.7px);
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::before{
content:"x";
font-family:AoPS;
font-size:11px;
color:#aaa;
margin-right:3.34px;
}
#main>div:not(:first-of-type:nth-last-of-type(3):nth-last-child(5)) .efooter ul li a.post-replies::after{
content:"";
position:absolute;
width:calc(1000% / 7 + 1px);
height:calc(100% + 21px);
right:calc(-300% / 7 - 1.3px);
top:-19px;
z-index:100;
}
#main>div:not(.blog-posts-box):last-child::after{
content:"No more topics!";
font-size:15px;
color:#333333;
padding:5px;
display:block;
}
/**Fixing letter spacing in h1.**/
h1{
letter-spacing:0px;
}
/**Shouts.**/
#message{
width:calc(100% - 4px);
}
#shouts-widget>.widget-content>.blog-shout-wrapper{
min-width:0px;
}
/**The "Quick Reply" button.**/
#main>h1{
order:1;
font-size:0px;
flex:0 0 2px;
background:linear-gradient(90deg,#555555 calc(100% - 3px),#666666 calc(100% - 3px));
}
#main>p:not(:first-child){
order:2;
display:block;
flex:1 0 28px;
background-color:#666666;
padding:4px 7px 2px 4px;
margin:0px;
position:relative;
}
#main>p:not(:first-child)>.blog-post-comment{
display:block;
height:18px;
border-radius:6px;
font-size:0px;
position:relative;
z-index:1;
}
#main>p:not(:first-child)::before{
content:"N";
font-family:AoPS;
font-size:12px;
line-height:18px;
position:absolute;
border-radius:6px;
background-color:white;
width:calc(100% - 11px);
padding-left:6px;
color:#aaaaaa;
}
#main>p:not(:first-child)::after{
content:"Quick Reply";
font-family:Roboto,sans-serif;
font-style:italic;
font-size:12px;
line-height:18px;
position:absolute;
left:23.52px;
top:4px;
color:#aaaaaa;
}
/**Tags.**/
.cmty-item-tag{
background-color:var(--primarycolor) !important;
color:white !important;
}
.cmty-item-tag:hover{
background-color:var(--secondarycolor) !important;
color:var(--primarycolor) !important;
}
/**:has implementation**/
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)){
border-right:3px solid #666666;
border-top:59.35px solid #666666;
margin-top:-74px;
height:calc(100% + 74px);
overflow:scroll;
overflow-x:hidden;
}
#navigation_box:has(+#wrapper>#content>#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::after{
width:223px;
border-right:3px solid #666666;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))+#side>div:nth-of-type(4){
display:none;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))){
/**width:100%;**/
background-color:transparent;
direction:rtl;
overflow-x:hidden;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))>*{
direction:ltr;
}
/**#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))+#side{
height:0px;
padding:0px;
margin:0px;
border-width:0px;
}**/
/**Scrollbar.**/
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))::-webkit-scrollbar{
display:block;
width:8px;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))::-webkit-scrollbar-track{
background-color:#cccccc;
}
#main:not(:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)))::-webkit-scrollbar-thumb{
background-color:#666666;
border-radius:4px;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::-webkit-scrollbar{
display:block !important;
width:8px;
z-index:1002;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::-webkit-scrollbar-track{
background-color:#666666;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::-webkit-scrollbar-thumb{
border-radius:4px;
/**So scrollbar is small enough so arrow things fit**/
background:linear-gradient(0deg,transparent 13px,#dddddd 13px,#dddddd calc(100% - 13px),transparent calc(100% - 13px)),radial-gradient(circle at 50% calc(100% - 13px),#dddddd 4px,transparent 4px),radial-gradient(circle at 50% 13px,#dddddd 4px,transparent 4px);
min-height:26px;
}
/**The arrow things.**/
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::before{
content:"G";
font-family:AoPS;
font-size:10px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 3px);
top:calc(261px - 74px + 58.35px - 55px);
cursor:pointer;
}
#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::after{
content:"H";
font-family:AoPS;
font-size:10px;
color:#dddddd;
position:absolute;
right:calc(50% - var(--width) / 2 + 3px);
cursor:pointer;
/**It should theoretically be 47px but this looks inaccurate.**/
bottom:47px;
}
div#wrapper>div#content>div#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)):has(>div.blog-reply-window.cmty-reply-window.blog-reply-open)::after{
bottom:313px;
}
/**The "X" in the top right corner.**/
#header:has(+#content>#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5)){
z-index:1003;
overflow:visible;
}
#header:has(+#content>#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5))>a::before{
content:"J";
font-family:AoPS;
font-size:24px;
line-height:22px;
position:absolute;
right:calc(50% - var(--width) / 2 + 3px + 4px + 2.296874px);
top:36px;
color:#dddddd;
}
/**Font size for commenting**/
#main .blog-reply-window.cmty-reply-window.blog-reply-open .cmty-posting-environ .cmty-posting-box-container .cmty-post-textarea{
font-size:15px;
}
/**Revert back to old header but with "X" when previewing because display:fixed causes some problems.**/
/**Get rid of scrollbar**/
/**div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing)::-webkit-scrollbar,div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing)::before,div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing)::after{
display:none !important;
}
div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing){
border-right-width:0px;**/
/**Absolute positioned header**/
/**border-top-width:1px;
}
div#wrapper>div#header+div#content>div#main:has(>div>.cmty-posting-previewing) .entry>h1{
position:absolute;
top:0px;
}**/
/**Hide the sidebar and top when commenting.**/
#wrapper>#content>#main:has(>.blog-reply-open){
border-left:3px solid #666666;
width:var(--width);
height:calc(100% + 141px);
}
#content>#main>.blog-reply-open{
width:var(--width);
left:calc(50% - var(--width) / 2);
}
#main:has(>.blog-reply-open)+#side,#navigation_box:has(+#wrapper>#content>#main>.blog-reply-open)::after{
display:none;
}
#main:has(>.blog-reply-open)>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper{
width:calc(var(--width) - 454px + 220px);
}
#page-wrapper:has(>#wrapper #main>.blog-reply-open){
padding-top:5px !important;
}
#page-wrapper:has(>#wrapper #main>.blog-reply-open)>#navigation_box,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #wrapper::before,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #wrapper::after{
display:none;
}
#page-wrapper:has(>#wrapper #main>.blog-reply-open) #post-new-entry::before,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #post-new-entry::after,#page-wrapper:has(>#wrapper #main>.blog-reply-open) .efooter ul li a.post-comment::before,#page-wrapper:has(>#wrapper #main>.blog-reply-open) .efooter ul li a.post-comment::after,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::before,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .efooter .modactions ul li a.blog-moderate-topic::after,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #main:has(>.blog-reply-open)>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper,#page-wrapper:has(>#wrapper #main>.blog-reply-open) #main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5))::before{
margin-top:-98px;
}
#page-wrapper:has(>#wrapper #main>.blog-reply-open) div#wrapper>div#content>div#main:has(>div:first-of-type:nth-last-of-type(3):nth-last-child(5)):has(>div.blog-reply-window.cmty-reply-window.blog-reply-open)::after{
bottom:246px;
}
#page-wrapper:has(>#wrapper #main>.blog-reply-open) .blog-posts-box{
padding-bottom:2px;
margin-bottom:-2px;
}
/**Edit tags fix.**/
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper:has(>.cmty-items-input-box.ui-front){
overflow:visible;
height:25px !important;
background-color:#ffffff;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper>.cmty-items-input-box.ui-front{
height:25px;
padding-right:32px;
position:static;
overflow:auto;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper:has(>.cmty-itembox)::-webkit-scrollbar{
display:block;
width:8px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper:has(>.cmty-itembox)::-webkit-scrollbar-thumb{
background-color:#dddddd;
border-radius:4px;
}
#main>div:first-of-type:nth-last-of-type(3):nth-last-child(5) .entrywrap .cmty-tags-itembox-wrapper>.cmty-items-input-box.ui-front input{
margin-top:1px;
}
/**AVATAR FIX (Credits: reminiscence.css.)**/
h2>strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/441274"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_441274.png?t=1605027501") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587518"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587518.jpeg?t=1610396935") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/547702"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_547702.jpg?t=1610061894") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/492168"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_492168.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/380888"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_380888.png?t=1609510348") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/563289"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_563289.png?t=1610760363") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/325837"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_325837.png?t=1609988939") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/565051"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_565051.png?t=1610306936") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/447773"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_447773.png?t=1603934148") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507959"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507959.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/361064"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_361064.jpg?t=1610059062") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/430228"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_430228.png?t=1610120991") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/470071"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_470071.png?t=1607962084") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/434556"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_434556.png?t=1593181933") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/507653"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_507653.jpeg?t=1609883192") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/216506"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_216506.jpg?t=1608309238") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/501638"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_501638.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/552667"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_552667.png?t=1608901962") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/581848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_581848.jpg?t=1610366907") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/517457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_517457.png?t=1607273650") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/594142"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_594142.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/544017"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_544017.jpg?t=1609775658") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/519230"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_519230.png?t=1608769294") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/499928"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_499928.png?t=1599279373") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/568111"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_568111.jpg?t=1610313157") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/292287"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_292287.jpg?t=1607448839") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/306617"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_306617.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/473826"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_473826.jpg?t=1592766593") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/456381"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_456381.png?t=1611264281") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/514685"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_514685.png?t=1604524587") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484957"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484957.jpg?t=1612573170") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/484019"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_484019.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/248929"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_248929.png?t=1609031717") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/405848"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_405848.png?t=1609506864") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/416453"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_416453.jpg?t=1551042878") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/449434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_449434.jpeg?t=1613758621") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546163"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546163.png?t=1614712305") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/515068"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_515068.png?t=1614019113") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/419930"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_419930.png?t=1609258844") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/548540"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_548540.jpeg?t=1616681322") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/455446"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_455446.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/418632"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_418632.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/418632"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_418632.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/612903"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_612903.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/612903"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_612903.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/587919"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587919.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/587919"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_587919.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/585172"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_585172.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/585172"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_585172.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/440029"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_440029.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/440029"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_440029.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/593414"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_593414.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/593414"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_593414.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546195"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546195.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546195"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546195.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/482399"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_482399.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/482399"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_482399.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/351989"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_351989.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/351989"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_351989.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/564412"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_564412.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/564412"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_564412.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/540181"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540181.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/540181"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540181.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/394206"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_394206.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/394206"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_394206.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/561462"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_561462.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/561462"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_561462.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/540990"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540990.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/540990"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_540990.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/821377"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_821377.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/821377"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_821377.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/785184"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_785184.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/785184"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_785184.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/731457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_731457.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/731457"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_731457.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/592434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_592434.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/592434"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_592434.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/546904"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546904.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/546904"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_546904.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/511288"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_511288.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/511288"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_511288.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/365093"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_365093.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/365093"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_365093.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/777323"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_777323.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/777323"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_777323.png") !important;
}
h2>strong:nth-child(2)>a[href="/community/user/618877"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_618877.png") !important;
}
.commentwrap .cfooter .actions .author strong:nth-child(2)>a[href="/community/user/618877"]::before{
background-image:url("https://avatar.artofproblemsolving.com/avatar_618877.png") !important;
}
[/css]
[/hide]

Hey, it looks like you're using a mobile phone or small device! TeXeR works best on a larger screen, so please visit this page from a desktop or tablet.

Enter your LaTeX code in the editor panel on the left.

When you are ready to compile your document, click one of the options at the top.

Image: Renders as a PNG image. Suitable for short equations. Hint: Use Ctrl-Enter to recompile an image after making changes.

bbCode: Render with bbCode. This is similar to writing posts in the AoPS community or on your AoPS blog. You can use this to test your message before posting to the forum or your blog. bbCode rendering auto-updates if you stop typing for a short period of time.

MathJax: Render the document with MathJax, a client side LaTeX compiler. MathJax rendering auto-updates if you stop typing for a short period of time. MathJax does not support Asymptote.

PDF: Render document as a PDF file. You must have a PDF viewer to view the compiled document.

6 7