Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*=====================================
- =======================================
- R/APICEMLIGHT by u/abe699 and u/wrongpenguin forked from R/APICEM by u/Cereal_Addict
- =======================================
- =======================================*/
- *,:before,:after
- {
- -webkit-box-sizing:border-box;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- -webkit-text-size-adjust:none!important;
- -moz-text-size-adjust:none!important;
- -ms-text-size-adjust:none!important;
- text-decoration:none!important;
- outline:none!important
- }
- a,body .generic-table,.res #srList a,#searchexpando a
- {
- color:#3a98d8
- }
- label,.search-expando-button
- {
- color:#666
- }
- input[type=text],textarea,.hover-bubble.multi-selector .create-multi input[type="text"],input#url
- {
- box-shadow:none!important;
- border:1px solid transparent!important;
- border-radius:0!important;
- background:#ebf1f1;
- color:#262626;
- transition:0!important
- }
- input[type=text]:focus,textarea:focus,input#url:focus
- {
- border-color:#ffb6af!important
- }
- input[type="checkbox"],input[type=radio],#rem-login-main,.side .titlebox h1.redditname + div:before
- {
- -webkit-appearance:none;
- -moz-appearance:none;
- display:inline-block;
- vertical-align:middle;
- margin-top:1px!important;
- margin-bottom:1px!important;
- width:20px;
- height:20px;
- border:0;
- border-radius:0;
- background:#ccd2d2 url(%%spritesheet%%) no-repeat 4px -106px/105px 150px;
- content:""
- }
- #rem-login-main
- {
- margin-right:5px
- }
- input[type="checkbox"]:not(:checked),input[type=radio]:not(:checked),#rem-login-main:not(:checked)
- {
- background:#ccd2d2
- }
- input[type=radio]
- {
- margin:0 5px;
- border-radius:50%
- }
- select
- {
- -webkit-appearance:none;
- -moz-appearance:none;
- box-shadow:none;
- border:0;
- border-radius:0;
- padding:5px 22px 5px 8px;
- background:#383F47 url(%%spritesheet%%) no-repeat 0/105px 150px;
- background-position:right -88px top -130px;
- font-size:13px;
- color:#fff
- }
- button,.usertext .help-toggle a,.usertext a.reddiquette,.flair-jump button,body #userTaggerToolTip input[type=submit],body #editShortcutDialog [name=shortcut-save],.wiki-page .wiki-page-content .wiki_button
- {
- border:1px solid #3a98d8;
- border-radius:0;
- padding:5px 10px;
- background:#3a98d8;
- letter-spacing:1px;
- text-transform:uppercase;
- font-size:10px;
- font-weight:700;
- color:#ebf1f1;
- transition:.2s
- }
- button:hover,.flair-jump button:hover
- {
- border:1px solid transparent;
- background-color:rgba(255,255,255,0.8)
- }
- button.cancel,button[name="preview"],.usertext .help-toggle a,.usertext a.reddiquette
- {
- color:#3a98d8;
- background:none;
- transition:.2s
- }
- button.cancel:hover,button[name="preview"]:hover,.usertext .help-toggle a:hover,.usertext a.reddiquette:hover,.content button.RESBigEditorPop:hover
- {
- border:1px solid #3a98d8;
- background-color:rgba(255,255,255,.1)
- }
- body
- {
- display:-webkit-flex;
- display:-ms-flexbox;
- display:flex;
- -webkit-flex-flow:row wrap;
- -ms-flex-flow:row wrap;
- flex-flow:row wrap;
- background:url(%%body%%) fixed center top/cover
- }
- body,div#RESSubredditGroupDropdown,#search input[type="text"],textarea
- {
- font-family:-apple-system,BlinkMacSystemFont,"Roboto",Helvetica,Arial,"Lucida Grande",sans-serif
- }
- #header
- {
- -webkit-order:-1;
- -ms-flex-order:-1;
- order:-1;
- margin:60px 30px 0;
- width:100%;
- height:160px;
- border:0;
- background-color:#323a47;
- background-image:linear-gradient(rgba(50, 58, 71, 0.27),rgba(50, 58, 71, 0.58)),url(%%header1%%);
- background-position:center;
- background-size:cover
- }
- #header:after
- {
- position:absolute;
- z-index:-1;
- left:0;
- bottom:0;
- width:100%;
- height:80px;
- background:rgba(255,255,255,.05);
- content:""
- }
- #sr-header-area
- {
- position:absolute;
- top:-60px;
- left:-30px;
- width:calc(100% - -60px);
- height:30px;
- border:0;
- background:#fff;
- white-space:nowrap;
- font-size:9px;
- color:#32383f
- }
- #sr-header-area #srLeftContainer
- {
- margin:0;
- padding:0
- }
- #sr-header-area .separator,#sr-header-area .srSep
- {
- display:none
- }
- #sr-header-area #srLeftContainer,#sr-header-area #RESShortcutsViewport,#sr-header-area #RESShortcutsEditContainer
- {
- max-height:none
- }
- #sr-header-area #srLeftContainer
- {
- display:inline-block;
- float:none
- }
- #sr-header-area .sr-list
- {
- height:30px
- }
- #sr-header-area ul.flat-list.sr-bar,#sr-header-area #srLeftContainer
- {
- display:inline-block;
- position:relative;
- top:5px;
- height:20px;
- line-height:20px
- }
- #sr-header-area ul.flat-list.sr-bar:nth-of-type(1),#sr-header-area #srLeftContainer
- {
- margin-right:12px;
- border-right:1px solid rgba(0,0,0,.1);
- padding-right:12px
- }
- #sr-header-area #RESShortcutsViewport
- {
- display:inline-block;
- position:relative;
- top:5px
- }
- #sr-header-area #RESShortcuts
- {
- padding:0
- }
- #sr-header-area .dropdown.srdrop
- {
- padding:0
- }
- #sr-header-area .dropdown.srdrop .selected
- {
- margin-top:5px;
- margin-right:0;
- height:20px;
- padding:0 6px;
- background:none;
- line-height:20px
- }
- .dropdown.lightdrop .selected
- {
- padding-right:0
- }
- #sr-header-area .dropdown.srdrop .selected,#sr-header-area #srDropdown
- {
- margin-left:12px;
- font-size:0!important;
- vertical-align:top
- }
- #sr-header-area .dropdown.srdrop .selected:after,#sr-header-area #srDropdown #srDropdownContainer a:after
- {
- vertical-align:middle;
- font-size:18px;
- content:"≡"
- }
- #sr-header-area #srDropdown #srDropdownContainer a
- {
- letter-spacing:inherit
- }
- #sr-header-area a
- {
- display:inline-block;
- height:20px;
- padding:0 6px;
- line-height:20px;
- letter-spacing:.5px;
- color:#32383f
- }
- #sr-header-area a:not(#sr-more-link):hover,#sr-header-area .dropdown.srdrop .selected:hover,#header #sr-header-area .selected a,.res #sr-header-area a.RESShortcutsCurrentSub
- {
- background:rgba(50,58,71,.1);
- font-weight:400;
- color:#32383f!important
- }
- #header #sr-header-area .sr-bar a.gold:hover
- {
- font-weight:700
- }
- #sr-header-area .sr-bar .separator
- {
- display:none
- }
- .drop-choices,.res .RESDialogSmall:not(.livePreview),.res #RESNotifications .RESNotification,body #editShortcutDialog,div.guider
- {
- box-shadow:0 0 10px rgba(0,0,0,.5);
- border:1px solid #434b55;
- border-radius:0;
- background:#ebf1f1;
- letter-spacing:.5px
- }
- body #editShortcutDialog
- {
- top:30px
- }
- .drop-choices
- {
- padding:10px;
- font-size:9px
- }
- .drop-choices:not(.flairselector) a
- {
- text-transform:uppercase
- }
- .drop-choices.lightdrop
- {
- margin-left:-20px
- }
- .dropdown.lightdrop .selected
- {
- letter-spacing:.5px
- }
- .drop-choices a.choice
- {
- height:30px;
- padding:0 10px;
- line-height:30px
- }
- #sr-header-area .drop-choices.srdrop,.res #srList,.res #RESSubredditGroupDropdown
- {
- top:30px!important;
- margin-left:0;
- box-shadow:0 0 10px rgba(0,0,0,.5);
- border:0;
- padding:10px!important;
- background:#32383f;
- text-transform:uppercase;
- letter-spacing:.5px;
- font-size:9px
- }
- #sr-header-area .drop-choices.srdrop
- {
- top:30px!important
- }
- .res #srList
- {
- position:fixed;
- left:calc(50% - 250px);
- width:500px;
- height:calc(100vh - 60px);
- padding-top:0;
- overflow:visible;
- max-height:none!important;
- opacity:1;
- pointer-events:auto;
- transition:.2s;
- z-index:2147483647
- }
- .res #RESSubredditGroupDropdown
- {
- transition:.2s
- }
- .res #srList tbody
- {
- display:block;
- max-height:calc(100% - 50px);
- overflow:scroll
- }
- .res #srList:before
- {
- position:fixed;
- left:50%;
- margin-left:-250px;
- top:30px;
- width:500px;
- height:calc(100vh - 60px);
- background:#32383F;
- content:"";
- z-index:-1;
- transition:.2s opacity
- }
- .res #srList:after
- {
- position:fixed;
- left:0;
- top:0;
- width:100vw;
- height:100vh;
- padding:50px 70px 0 0;
- background-image:url(%%crosshatch%%),url(%%overlay%%),linear-gradient(45deg,rgba(196,145,138,0.75) 20%,rgba(96,147,196,0.985) 80%);
- background-size:auto 100%,100px 100px,cover;
- background-position:center,center,center;
- content:"✕";
- text-align:right;
- text-transform:lowercase;
- font-size:40px;
- font-weight:100;
- color:#fff;
- z-index:-2;
- transition:.2s opacity;
- pointer-events:none
- }
- .sortAsc,.sortDesc
- {
- margin-top:18px;
- margin-right:10px;
- height:12px;
- line-height:12px
- }
- div#RESSubredditGroupDropdown ul
- {
- border:0
- }
- #sr-header-area .drop-choices.srdrop a,.res #srList tr,.res #RESSubredditGroupDropdown li a
- {
- height:30px;
- padding:0 10px;
- border-top:solid 1px #434b55;
- border-bottom:0;
- line-height:30px;
- color:#fff
- }
- .res #srList thead
- {
- display:block;
- height:50px
- }
- #sr-header-area .drop-choices.srdrop:before,.res #srList thead td:nth-of-type(1)
- {
- height:50px;
- line-height:50px;
- font-size:18px;
- font-weight:700;
- color:#fff;
- content:"YOUR SUBREDDITS"
- }
- #sr-header-area .drop-choices.srdrop:before
- {
- padding:0 50px 0 10px
- }
- .res #srList thead td:nth-of-type(1):before
- {
- content:"YOUR "
- }
- .res #srList thead td:nth-of-type(1):after
- {
- margin-left:-5px;
- content:"S"
- }
- .res #srList thead tr
- {
- height:50px;
- line-height:50px;
- white-space:nowrap
- }
- .res #srList td
- {
- padding:0
- }
- .res #srList tr td:nth-of-type(1)
- {
- width:300px
- }
- .res #srList td.RESvisited
- {
- width:120px
- }
- .res #srList td.RESshortcut
- {
- width:60px
- }
- .res #srList td.RESvisited,.res #srList td.RESshortcut
- {
- text-transform:uppercase
- }
- #sr-header-area .drop-choices.srdrop a,.res #RESSubredditGroupDropdown li a
- {
- display:block;
- min-width:50%
- }
- .res #srList thead tr,.res #RESSubredditGroupDropdown li:nth-of-type(1) a,.res #RESSubredditGroupDropdown a.res-icon
- {
- border:0
- }
- .res #RESSubredditGroupDropdown ul
- {
- padding:0
- }
- .res #RESSubredditGroupDropdown li + .RESShortcutsEditButtons,.res #RESSubredditGroupDropdown > .RESShortcutsEditButtons
- {
- margin:0;
- border-top:solid 1px #ccd1d5;
- padding:0
- }
- .res #RESSubredditGroupDropdown .RESShortcutsEditButtons
- {
- white-space:nowrap
- }
- .res #RESSubredditGroupDropdown .RESShortcutsEditButtons .res-icon
- {
- display:inline-block;
- margin:0;
- color:#fff
- }
- .res #RESSubredditGroupDropdown li + .RESShortcutsEditButtons a.delete
- {
- text-align:right
- }
- .res #RESSubredditGroupDropdown li
- {
- margin:0;
- padding:0
- }
- .res #srList tr:hover,.res #RESSubredditGroupDropdown li:hover
- {
- background:none
- }
- body #header #sr-header-area .srdrop+.drop-choices.srdrop a.choice:hover,.res #srList tbody tr:hover a,.res #RESSubredditGroupDropdown li a:hover,.res #RESSubredditGroupDropdown .RESShortcutsEditButtons .res-icon:hover,.res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a,#autocomplete_dropdown .selectedItem
- {
- font-weight:400;
- color:#ffb6af!important
- }
- .res #RESSubredditGroupDropdown li a:hover,#autocomplete_dropdown .selectedItem
- {
- background:none
- }
- a#sr-more-link,.res #RESShortcutsEditContainer
- {
- display:flex;
- margin-top:5px;
- width:auto;
- height:20px;
- border-left:1px solid rgba(0,0,0,.1);
- padding-left:12px;
- background:#fff
- }
- .res #RESShortcutsEditContainer div
- {
- position:static;
- display:inline-block;
- margin-right:12px;
- width:auto;
- background:none;
- line-height:18px;
- font-weight:400;
- color:#32383f
- }
- #RESShortcutsRight
- {
- order:2
- }
- #sort-menu p
- {
- margin-bottom:5px;
- color:#fff
- }
- #header .pagename
- {
- position:absolute;
- top:25px;
- left:25px;
- margin:0;
- width:auto;
- height:30px;
- line-height:30px;
- text-align:center;
- letter-spacing:-10px;
- text-transform:uppercase;
- font-size:0;
- font-weight:700
- }
- #header .pagename a
- {
- font-size:24px;
- letter-spacing:10px;
- color:#fff
- }
- #header .pagename:after
- {
- margin-left:25px;
- white-space:nowrap;
- letter-spacing:6px;
- font-size:12px;
- font-weight:400;
- vertical-align:top;
- color:#ebf1f1;
- content:"subtitle goes here"
- }
- #header #header-img
- {
- position:absolute;
- left:25px;
- bottom:25px;
- margin:0;
- width:30px;
- height:30px;
- padding-left:30px;
- background:url(%%spritesheet%%) -87px -33px/126px 180px;
- opacity:.8
- }
- #header .tabmenu
- {
- position:absolute;
- left:70px;
- top:90px;
- margin:0;
- min-width:210px;
- padding-top:50px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:11px;
- transition:box-shadow .5s
- }
- #header .tabmenu:hover,#header:target .tabmenu
- {
- box-shadow:0 0 10px rgba(0,0,0,.5)
- }
- #header .tabmenu li
- {
- display:block;
- margin:0;
- padding:0 10px;
- background:#fff;
- font-weight:400;
- opacity:0;
- transition:.3s
- }
- #header .tabmenu li:last-of-type
- {
- padding-bottom:10px
- }
- #header .tabmenu:hover li,#header:target .tabmenu li,#header .tabmenu li.selected:not(.res-tabmenu-button)
- {
- opacity:1
- }
- #header .tabmenu li a
- {
- display:block;
- overflow:hidden;
- height:0;
- border:0;
- padding:0 10px;
- line-height:0;
- background:#fff;
- color:transparent;
- -webkit-transition:.3s;
- transition:.3s;
- -webkit-transition-property:height,line-height,color;
- transition-property:height,line-height,color
- }
- #header .tabmenu:hover li a,#header:target .tabmenu li a
- {
- height:40px;
- border-top:1px solid rgba(0,0,0,.1);
- line-height:40px;
- color:#32383f
- }
- #header .tabmenu li a:hover,#header .tabmenu:hover li.selected a:hover,#header:target .tabmenu li.selected a:hover
- {
- background:rgba(50,58,71,.1)
- }
- #header .tabmenu li.selected:not(.res-tabmenu-button)
- {
- position:absolute;
- top:0;
- left:0;
- width:100%;
- padding-top:10px;
- background:none
- }
- #header .tabmenu li.selected:not(.res-tabmenu-button) a
- {
- width:100%;
- height:40px;
- border:0;
- background:none;
- line-height:40px;
- color:#fff;
- opacity:1;
- transition:.3s color
- }
- #header .tabmenu:hover li.selected,#header:target .tabmenu li.selected
- {
- background:#fff
- }
- #header .tabmenu:hover li.selected a,#header:target .tabmenu li.selected a
- {
- color:#32383f
- }
- #header .tabmenu li.selected a:after
- {
- content:" ▾"
- }
- #header .tabmenu:hover li.selected a:after,#header:target .tabmenu li.selected a:after
- {
- color:transparent
- }
- #header #header-bottom-right
- {
- top:auto;
- bottom:0;
- height:80px;
- padding:0 0 0 35px;
- background:none;
- text-transform:uppercase;
- font-size:11px;
- color:#fff
- }
- #header:hover #header-bottom-right:after,#header:target #header-bottom-right:after
- {
- opacity:0;
- transition:.2s
- }
- #header #header-bottom-right .user,#header-bottom-right.res-userbar-toggle > .user
- {
- margin-left:0;
- font-size:0
- }
- #header-bottom-right #userbarToggle,#header-bottom-right .separator
- {
- display:none!important
- }
- .res.res-accountSwitcher-dropDownStyle-alien #RESAccountSwitcherIconOverlay
- {
- display:none!important
- }
- #header .beta-hint>a,#header-bottom-right .user>a,.res .res #RESAccountSwitcherIcon,#header-bottom-right #mail,#header-bottom-right #modmail,#header-bottom-right #new_modmail,.ChatApp__reddit-icon,#header-bottom-right .pref-lang,#header-bottom-right #openRESPrefs .gearIcon,#header-bottom-right .logout a,a#RESAnnouncementAlert
- {
- display:inline-block!important;
- position:relative;
- top:0!important;
- overflow:visible;
- vertical-align:top;
- width:25px!important;
- height:25px;
- background:url(%%spritesheet%%);
- font-size:0!important;
- transition:.2s
- }
- #header-bottom-right .user>a
- {
- background-position:-40px -160px
- }
- #header-bottom-right #mail.nohavemail
- {
- background-position:-40px -90px
- }
- #header-bottom-right #mail.havemail
- {
- background-position:-40px -125px
- }
- #header-bottom-right #modmail
- {
- background-position:-5px -55px
- }
- #header-bottom-right .pref-lang
- {
- background-position:-110px -55px
- }
- #header-bottom-right #openRESPrefs .gearIcon
- {
- background-position:-110px -125px
- }
- #header-bottom-right .logout a
- {
- background-position:-40px -55px
- }
- .beta-hint,#header-bottom-right .user,#header-bottom-right .flat-list.hover,#header-bottom-right #openRESPrefs,#header-bottom-right .logout
- {
- position:static;
- display:inline-block!important;
- opacity:1;
- vertical-align:top;
- margin:25px 35px 0 0;
- height:auto
- }
- #header-bottom-right .user
- {
- margin:0
- }
- #header-bottom-right .user>a,.res .res #RESAccountSwitcherIcon,#header-bottom-right #mail,#header-bottom-right #modmail,#header-bottom-right #new_modmail,.ChatApp__reddit-icon,a#RESAnnouncementAlert
- {
- margin:25px 35px 0 0 !important
- }
- #header #header-bottom-right .beta-hint>a
- {
- margin:0
- }
- .res .res #RESAccountSwitcherIcon,#header #header-bottom-right .beta-hint>a,#header-bottom-right #new_modmail,.ChatApp__reddit-icon
- {
- background:url(%%spritesheet2%%)
- }
- .res .res #RESAccountSwitcherIcon
- {
- background-position:0 -50px
- }
- #header-bottom-right #new_modmail
- {
- background-position:0 -100px
- }
- .ChatApp__reddit-icon
- {
- background-position:0 -150px
- }
- #header .beta-hint>a:before,#header-bottom-right .user>a:before,.res .res #RESAccountSwitcherIcon:before,#header-bottom-right #mail:before,#header-bottom-right #modmail:before,#header-bottom-right #new_modmail:before,.ChatApp__reddit-icon:before,#header-bottom-right .pref-lang:before,#header-bottom-right #openRESPrefs .gearIcon:before,#header-bottom-right .logout a:before,a#RESAnnouncementAlert:before
- {
- position:absolute;
- pointer-events:none;
- opacity:0;
- left:50%;
- -webkit-transform:translateX(-50%);
- -moz-transform:translateX(-50%);
- transform:translateX(-50%);
- top:-52px;
- box-shadow:0 0 10px rgba(0,0,0,.5);
- padding:0 20px;
- background:#fff;
- white-space:nowrap;
- line-height:30px;
- text-indent:0;
- font-family:inherit;
- font-size:12px;
- font-weight:400;
- letter-spacing:1px;
- color:#32383f;
- transition:.2s
- }
- #header .beta-hint>a:hover:before,#header-bottom-right .user>a:hover:before,.res .res #RESAccountSwitcherIcon:hover:before,#header-bottom-right #mail:hover:before,#header-bottom-right #modmail:hover:before,#header-bottom-right #new_modmail:hover:before,.ChatApp__reddit-icon:hover:before,#header-bottom-right .pref-lang:hover:before,#header-bottom-right #openRESPrefs .gearIcon:hover:before,#header-bottom-right .logout a:hover:before,a#RESAnnouncementAlert:hover:before
- {
- opacity:1;
- top:-55px
- }
- #header .beta-hint>a:before
- {
- content:"/r/Beta"
- }
- #header-bottom-right .user>a:before
- {
- content:"User Page"
- }
- .res .res #RESAccountSwitcherIcon:before
- {
- content:"Switch Accounts"
- }
- #header-bottom-right #mail:before
- {
- content:"Mail"
- }
- #header-bottom-right #modmail:before
- {
- content:"Mod Mail"
- }
- #header-bottom-right #new_modmail:before
- {
- content:"New Mod Mail"
- }
- .ChatApp__reddit-icon:before
- {
- content:"Orange Chat"
- }
- #header-bottom-right .pref-lang:before
- {
- content:"Preferences"
- }
- #header-bottom-right #openRESPrefs .gearIcon:before
- {
- content:"RES Settings"
- }
- #header-bottom-right .logout a:before
- {
- content:"Logout"
- }
- a#RESAnnouncementAlert:before
- {
- content:"RES Announcement"
- }
- #header .beta-hint>a:after,#header-bottom-right .user>a:after,.res .res #RESAccountSwitcherIcon:after,#header-bottom-right #mail:after,#header-bottom-right #modmail:after,#header-bottom-right #new_modmail:after,.ChatApp__reddit-icon:after,#header-bottom-right .pref-lang:after,#header-bottom-right #openRESPrefs .gearIcon:after,#header-bottom-right .logout a:after,a#RESAnnouncementAlert:after
- {
- position:absolute;
- pointer-events:none;
- opacity:0;
- top:-22px;
- left:calc(50% - 6px);
- width:12px;
- height:1px;
- border:6px solid transparent;
- border-bottom-width:0;
- border-top-color:#fff;
- content:"";
- transition:.2s
- }
- #header .beta-hint>a:hover:after,#header-bottom-right .user>a:hover:after,.res .res #RESAccountSwitcherIcon:hover:after,#header-bottom-right #mail:hover:after,#header-bottom-right #modmail:hover:after,#header-bottom-right #new_modmail:hover:after,.ChatApp__reddit-icon:hover:after,#header-bottom-right .pref-lang:hover:after,#header-bottom-right #openRESPrefs .gearIcon:hover:after,#header-bottom-right .logout a:hover:after,a#RESAnnouncementAlert:hover:after
- {
- opacity:1;
- top:-25px
- }
- a#RESAnnouncementAlert
- {
- margin:22.5px 35px 0 0;
- width:30px;
- height:30px;
- background-position:-5px -88px
- }
- a#RESAnnouncementAlert>span
- {
- font-size:0
- }
- #header-bottom-right a.message-count
- {
- position:relative;
- margin:15px 20px 0 -40px;
- z-index:1;
- width:20px;
- border-radius:50%;
- text-align:center;
- line-height:20px;
- font-size:11px;
- font-weight:400;
- background:#c4918a
- }
- #RESMainGearOverlay.RESGearOverlay,#header .gilded-icon
- {
- display:none!important
- }
- .res .RESDropdownList
- {
- margin-top:10px!important;
- width:auto;
- box-shadow:0 0 10px rgba(0,0,0,.5);
- border:0;
- border-radius:0;
- padding:10px;
- background:#fff;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:11px
- }
- .res .RESDropdownList li
- {
- height:40px;
- border-bottom:1px solid rgba(0,0,0,.1);
- line-height:39px;
- font-weight:400;
- color:#32383f
- }
- .RESDropdownList li:last-of-type
- {
- border:0
- }
- .res .RESDropdownList li:hover
- {
- background:rgba(50,58,71,.1);
- color:#32383f
- }
- .res .RESDropdownList a:hover
- {
- background:none;
- color:#32383f
- }
- .RESDropdownList ul>*
- {
- padding:0 10px
- }
- .res #RESSearchMenuItem
- {
- position:static;
- margin:9px;
- border:0;
- border-radius:50%;
- background-color:rgba(50,58,71,.1)
- }
- .res #RESSearchMenuItem:hover
- {
- background-color:rgba(50,58,71,.2)
- }
- .moduleToggle::before,.toggleButton::before
- {
- display:none
- }
- .res .moduleToggle .toggleOn,.res .toggleButton .toggleOn,.res .moduleToggle .toggleOff,.res .toggleButton .toggleOff
- {
- border:0
- }
- .res .moduleToggle:not(.enabled) .toggleOff,.res .toggleButton:not(.enabled) .toggleOff
- {
- background:#e59
- }
- .res .moduleToggle.enabled .toggleOn,.res .toggleButton.enabled .toggleOn
- {
- background:#3a98d8
- }
- .RESDropdownList .toggleButton
- {
- margin-right:10px
- }
- .res .moduleToggle span,.res .toggleButton span
- {
- margin-top:0;
- height:20px;
- padding:0;
- line-height:20px
- }
- .side
- {
- margin:10px 30px 0 0;
- width:321px;
- border-left:1px solid #e1e3e4;
- padding:10px;
- background:#ebf1f1
- }
- .side .spacer
- {
- margin:0
- }
- #search
- {
- overflow:hidden;
- margin-bottom:10px;
- width:300px
- }
- #search input[type=text]
- {
- width:299px;
- height:40px;
- padding:0 38px 0 15px;
- font-size:14px;
- color:#262626!important
- }
- #search input[type="text"]::-webkit-input-placeholder
- {
- text-transform:capitalize;
- color:#262626
- }
- #search input[type=submit],#search input[type=submit]:hover
- {
- margin-left:0;
- width:25px;
- height:25px;
- background:url(%%spritesheet%%) -75px -125px;
- transition:.2s
- }
- #search:hover input[type=submit]
- {
- margin-left:-33px
- }
- #searchexpando
- {
- margin:0;
- margin-top:10px;
- border:0;
- padding:0;
- background:none;
- line-height:25px;
- text-align:center;
- color:#fff
- }
- #searchexpando label
- {
- position:relative;
- display:inline-block;
- height:20px;
- line-height:20px
- }
- #searchexpando p
- {
- margin:0
- }
- label+#moresearchinfo
- {
- border:0
- }
- .sponsor-300-250
- {
- margin-bottom:10px
- }
- .linkinfo,.login-form-side
- {
- margin-bottom:10px;
- border:0;
- border-top:1px solid #434b55;
- border-bottom:1px solid #434b55;
- border-radius:0;
- padding:10px;
- background:none;
- color:#262626
- }
- div.linkinfo .upvotes
- {
- color:#ffb6af
- }
- div.linkinfo .downvotes
- {
- color:#3a98d8
- }
- .login-form-side
- {
- font-size:12px
- }
- .login-form-side input[type=text],.login-form-side input[type=password]
- {
- margin:0;
- width:135px
- }
- .login-form-side input[type=text]
- {
- margin-right:9px
- }
- .login-form-side #remember-me
- {
- margin-left:0
- }
- .sidebox.submit
- {
- position:relative;
- margin-bottom:10px
- }
- .morelink,.sidecontentbox a.helplink,.account-activity-box
- {
- height:40px;
- border:0;
- background:none!important;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:0;
- font-weight:700
- }
- .sidecontentbox a.helplink,.account-activity-box
- {
- letter-spacing:1px
- }
- .submit-text .morelink
- {
- margin-top:-50px;
- float:right
- }
- .sidebox.submit.submit-link
- {
- margin-bottom:-50px!important
- }
- .sidebox.submit.submit-text
- {
- margin-top:60px
- }
- .submit-link .morelink
- {
- margin-bottom:60px
- }
- .morelink a,.sidecontentbox a.helplink,.account-activity-box a
- {
- position:relative;
- width:145px;
- height:40px;
- border:1px solid #3a98d8;
- background:#3a98d8;
- text-align:center;
- line-height:40px;
- color:#ebf1f1;
- transition:.4s;
- z-index:1
- }
- .account-activity-box
- {
- margin-top:10px
- }
- .account-activity-box a
- {
- background:none;
- color:#3a98d8
- }
- .morelink:hover a,.morelink a:hover
- {
- opacity:.8
- }
- .morelink a:hover,.sidecontentbox a.helplink:hover,.account-activity-box a:hover
- {
- text-indent:-15px
- }
- .sidebox.submit.disabled .morelink a
- {
- width:300px
- }
- .sidebox.submit.disabled .morelink a:hover
- {
- text-indent:0
- }
- .sidebox .subtitle
- {
- display:none
- }
- .morelink a:before
- {
- display:inline-block;
- width:145px;
- font-size:10px;
- letter-spacing:1px
- }
- .submit-link .morelink a:before
- {
- content:"submit a link"
- }
- .submit-text .morelink a:before
- {
- content:"submit text"
- }
- .sidebox.submit.disabled .morelink a:before
- {
- width:300px;
- content:"submissions restricted"
- }
- .morelink a:after,.sidecontentbox a.helplink:after,.account-activity-box a:after
- {
- position:absolute;
- top:6px;
- right:-25px;
- width:25px;
- height:25px;
- background:url(%%spritesheet%%);
- content:"";
- transition:.4s
- }
- .submit-link .morelink a:after
- {
- background-position:-75px -55px
- }
- .submit-text .morelink a:after
- {
- background-position:-110px -90px
- }
- .sidecontentbox a.helplink:after
- {
- background-position:-40px -90px
- }
- .morelink a:hover:after,.sidecontentbox a.helplink:hover:after,.account-activity-box a:hover:after
- {
- right:8px
- }
- .sidebox.submit.disabled .morelink a:hover:after
- {
- right:-25px
- }
- .morelink .nub
- {
- display:none
- }
- .submit .morelink:after
- {
- position:absolute;
- top:0;
- width:144px;
- height:40px;
- background:rgba(255,255,255,.5);
- line-height:40px;
- font-size:11px;
- color:#32383f;
- content:"- - -"
- }
- .submit-link .morelink:after
- {
- left:155px
- }
- .submit-text .morelink:after
- {
- left:-154px
- }
- .side .titlebox
- {
- border-top:1px solid #ccd1d5;
- color:#999
- }
- .side h1.redditname
- {
- margin-bottom:10px;
- width:100%;
- height:50px;
- border-bottom:1px solid #ccd1d5
- }
- .titlebox h1 a
- {
- color:inherit
- }
- .side h1.redditname a
- {
- display:inline-block;
- line-height:49px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:14px;
- font-weight:700;
- color:#262626
- }
- .side .fancy-toggle-button
- {
- display:block;
- margin:0
- }
- .side .fancy-toggle-button a.option.active
- {
- position:relative;
- float:right;
- margin-top:-50px;
- font-size:0;
- z-index:1;
- transition:.2s
- }
- .side .fancy-toggle-button a.option.active,#authorInfoToolTip .fancy-toggle-button a.option.active,.fancy-toggle-button .add.active,.res #RESHoverInfoSubscriptionButton
- {
- display:inline-block;
- vertical-align:middle;
- border:0;
- border-radius:0;
- width:auto;
- height:30px;
- padding:0 10px;
- background:#e59;
- line-height:30px;
- text-transform:uppercase
- }
- #authorInfoToolTip .fancy-toggle-button
- {
- margin-bottom:0
- }
- .side .fancy-toggle-button a.option:after
- {
- letter-spacing:1px;
- font-size:10px;
- content:"subscribe"
- }
- .side .fancy-toggle-button a.option:before
- {
- display:inline-block;
- letter-spacing:1px;
- font-size:10px;
- content:"un";
- margin-right:0
- }
- .side .fancy-toggle-button a.option.add:before
- {
- margin-right:-15px;
- opacity:0
- }
- .side .fancy-toggle-button a.option.add:active:before
- {
- -webkit-animation:remove 10s linear;
- -moz-animation:remove 10s linear;
- animation:remove 10s linear
- }
- @-webkit-keyframes remove
- {
- 0%
- {
- opacity:0
- }
- 1%
- {
- margin-right:8px
- }
- 2%
- {
- margin-right:0;
- opacity:1
- }
- 100%
- {
- margin-right:0;
- opacity:1
- }
- }
- @-moz-keyframes remove
- {
- 0%
- {
- opacity:0
- }
- 1%
- {
- margin-right:8px
- }
- 2%
- {
- margin-right:0;
- opacity:1
- }
- 100%
- {
- margin-right:0;
- opacity:1
- }
- }
- @keyframes remove
- {
- 0%
- {
- opacity:0
- }
- 1%
- {
- margin-right:8px
- }
- 2%
- {
- margin-right:0;
- opacity:1
- }
- 100%
- {
- margin-right:0;
- opacity:1
- }
- }
- .res .side .fancy-toggle-button a.option.active
- {
- margin-top:-83px
- }
- .fancy-toggle-button a.option.active.remove,.res .res-fancy-toggle-button.remove,.res .RESFilterToggle.remove
- {
- background:#3a98d8!important
- }
- .hover-bubble
- {
- border:1px solid #ccd1d5;
- background:#32383f;
- color:#fff
- }
- .hover-bubble.multi-selector
- {
- margin-top:-120px
- }
- .hover-bubble.multi-selector strong
- {
- color:#fff
- }
- .hover-bubble.multi-selector label:hover,.drop-choices a.choice:hover
- {
- background:#ccd1d5
- }
- .hover-bubble.multi-selector label a
- {
- margin-top:3px;
- border:0;
- background:none
- }
- .hover-bubble.anchor-right:before
- {
- border-left-color:#ccd1d5
- }
- .hover-bubble.anchor-right:after
- {
- border-left-color:#32383f
- }
- .hover-bubble.anchor-top:before
- {
- border-bottom-color:#ccd1d5
- }
- .hover-bubble.anchor-top:after
- {
- border-bottom-color:#32383f
- }
- .side .titlebox h1.redditname + div
- {
- padding:5px 0;
- text-transform:lowercase
- }
- .res .RESshortcutside
- {
- margin-right:10px;
- margin-bottom:5px
- }
- .res .res .RESshortcutside,.res .res .RESDashboardToggle,.RESHoverBody #subTooltipButtons .res-fancy-toggle-button,.res #subTooltipButtons .RESFilterToggle
- {
- width:auto;
- border:0;
- padding:0;
- background:none!important;
- text-transform:lowercase;
- font-size:12px;
- font-weight:400;
- color:#666
- }
- .side .subscribers
- {
- display:inline-block;
- margin-top:5px;
- margin-right:10px
- }
- .side .users-online
- {
- display:inline-block
- }
- .side .users-online:before
- {
- display:none
- }
- .leavemoderator,.toggle.leavecontributor-button
- {
- display:none
- }
- .titlebox form.toggle
- {
- padding:5px 0;
- background:none;
- text-transform:lowercase;
- font-size:12px;
- color:#666
- }
- .titlebox .tagline
- {
- margin-left:0;
- color:#666
- }
- .titlebox .tagline a
- {
- color:#666
- }
- .side .flairselector.drop-choices.active
- {
- position:static;
- margin-top:10px;
- box-shadow:none;
- width:300px!important;
- border:0;
- border-top:1px solid #ccd1d5;
- padding-top:0!important;
- padding-bottom:0!important
- }
- .flairselector .flairthrobber
- {
- margin-top:5px
- }
- .flairselector h2
- {
- margin-bottom:10px;
- background:none
- }
- .side .flairselector h2
- {
- text-align:left
- }
- .flairselector .error
- {
- text-align:left
- }
- .flairoptionpane
- {
- margin-bottom:10px;
- text-align:left
- }
- .content .flairselector ul
- {
- width:100%!important;
- max-width:none;
- padding:6px
- }
- .content .flairselector .linkflair
- {
- text-align:center
- }
- .flairselector li,body .entry .buttons .flairselector li,.flairselector li:hover,.flairselector li.selected
- {
- border:0;
- padding:5px
- }
- .flairselector li:hover
- {
- background:#ccd1d5
- }
- .flairoptionpane a.title,.flairselector li a.author
- {
- display:none
- }
- .flair,.linkflairlabel
- {
- vertical-align:middle;
- margin:0 6px;
- max-width:none;
- border:0;
- border-radius:0;
- padding:1px 6px;
- background:#95a6a6;
- color:#fff
- }
- .flair
- {
- font-size:11px!important
- }
- .linkflairlabel
- {
- font-size:14px;
- font-weight:700
- }
- .flair-red,.flair-green,.flair-blue
- {
- padding:0;
- padding-right:6px
- }
- .flair-red,.linkflair-red .title>.linkflairlabel,.flairselector .linkflair-red>.linkflairlabel
- {
- background:#c4918a
- }
- .flair-green,.linkflair-green .title>.linkflairlabel,.flairselector .linkflair-green>.linkflairlabel
- {
- background:#61c095
- }
- .flair-blue,.linkflair-blue .title>.linkflairlabel,.flairselector .linkflair-blue>.linkflairlabel
- {
- background:#6093c4
- }
- .flair-red:before,.flair-green:before,.flair-blue:before
- {
- display:inline-block;
- margin-right:6px;
- padding:1px 6px;
- background:rgba(0,0,0,.4)
- }
- .flair-red:before
- {
- content:"Red flair"
- }
- .flair-green:before
- {
- content:"Green flair"
- }
- .flair-blue:before
- {
- content:"Blue flair"
- }
- .flairselector form
- {
- border-top:1px solid #ccd1d5
- }
- .side .usertext
- {
- margin-top:10px;
- border-top:1px solid #ccd1d5;
- font-size:12px;
- color:#fff
- }
- .titlebox .bottom
- {
- border-top:1px solid #ccd1d5;
- border-bottom:1px solid #ccd1d5;
- padding:6px 0;
- font-size:12px;
- color:#666
- }
- .titlebox .age
- {
- display:block;
- margin-top:5px;
- float:none
- }
- .sidecontentbox .collapse-button,.icon-menu a:before,img.tb-moderation-tools-icons
- {
- display:none!important
- }
- .icon-menu a
- {
- background:none
- }
- .sidecontentbox
- {
- border-bottom:1px solid #ccd1d5
- }
- .sidecontentbox .content
- {
- border:0;
- padding:0;
- padding-bottom:10px
- }
- #moderation_tools
- {
- margin-bottom:10px
- }
- body span.score
- {
- color:#262626
- }
- .sidebox.create
- {
- margin-bottom:10px
- }
- .sidebox.create .morelink,.sidecontentbox a.helplink,.account-activity-box
- {
- font-size:10px
- }
- .sidebox.create .morelink a,.sidecontentbox a.helplink,.account-activity-box a
- {
- width:300px
- }
- .sidecontentbox a.helplink
- {
- float:none;
- margin:0;
- margin-bottom:10px;
- color:#3a98d8
- }
- .sidebox.create .morelink a:after
- {
- background-position:-75px -90px
- }
- .sidebox.create .morelink+.spacer
- {
- display:none
- }
- .sidecontentbox a.helplink,.account-activity-box a
- {
- display:inline-block;
- overflow:hidden
- }
- .account-activity-box a:after
- {
- background-position:-5px -160px
- }
- .side:after
- {
- display:block;
- margin-top:10px;
- border-top:1px solid #ccd1d5;
- padding-top:10px;
- font-size:12px;
- color:#666;
- content:"subreddit theme: /r/ApicemLight by /u/abe699, made from /r/Apicem by /u/Cereal_Addict"
- }
- .error
- {
- font-size:12px!important;
- color:#ee5559!important
- }
- .morechildren .entry a.button[style*="color: red"]
- {
- color:#ee5559!important
- }
- .buttons li .error
- {
- font-size:11px!important
- }
- body>.content,.res.res-commentBoxes body>.content,.modtools-page>div.content
- {
- -webkit-flex:1 1 auto;
- -ms-flex:1 1 auto;
- flex:1 1 auto;
- -webkit-order:-1;
- -ms-flex-order:-1;
- order:-1;
- margin:0 0 0 30px;
- width:calc(100% - 381px);
- padding:0 10px!important;
- background:#fff;
- color:#32383f
- }
- body>.content>.content
- {
- margin:0
- }
- :not(.side) + a[name=content] + .content
- {
- margin-right:30px
- }
- body>.content:before,.reddit-infobar
- {
- display:block;
- overflow:hidden;
- margin-top:0;
- height:45px;
- border:0;
- line-height:45px;
- white-space:nowrap;
- font-size:11px;
- text-transform:uppercase;
- letter-spacing:1px;
- color:#fff;
- content:""
- }
- body>.content>.spacer:nth-of-type(1)
- {
- display:none
- }
- body>.content:before
- {
- height:10px;
- padding:0 20px;
- background:url(%%overlay%%),linear-gradient(45deg,#ee5559 20%,#3a98d8 80%);
- margin-left:-10px;
- margin-right:-331px
- }
- :not(.side) + a[name=content] + .content:before
- {
- margin-right:-10px
- }
- .reddit-infobar
- {
- margin-bottom:-1px;
- border-bottom:1px solid #ccd1d5;
- padding:0 10px;
- background:none
- }
- .reddit-infobar .md
- {
- display:inline-block;
- margin:auto 0;
- color:#fff
- }
- .reddit-infobar.md-container-small .md p
- {
- font-size:11px
- }
- .content .spacer
- {
- margin:0
- }
- #siteTable_organic.organic-listing
- {
- border:0;
- border-bottom:1px solid #ccd1d5;
- background:none!important
- }
- .link,.link.last-clicked
- {
- overflow:visible;
- margin:0;
- padding:10px 0;
- border:0;
- border-top:1px solid #ebf1f1;
- vertical-align:top
- }
- .link .rank
- {
- display:none
- }
- body>.content .link.thing .midcol
- {
- margin-top:0;
- margin-left:-3px;
- width:35px
- }
- .comment .midcol
- {
- width:35px
- }
- .gadget .midcol
- {
- width:35px
- }
- .arrow
- {
- width:25px;
- height:25px;
- background:url(%%spritesheet%%)!important
- }
- .arrow.up
- {
- background-position:-145px -115px!important
- }
- .arrow.upmod
- {
- background-position:-110px -160px!important
- }
- .arrow.down
- {
- background-position:-180px -115px!important
- }
- .arrow.downmod
- {
- background-position:-75px -160px!important
- }
- .link .score
- {
- width:35px
- }
- .link .score.likes
- {
- color:#ee5559
- }
- .link .score.dislikes
- {
- color:#3a98d8
- }
- .thumbnail
- {
- position:relative
- }
- .thumbnail,.thumbnail.self,.search-result.has-thumbnail>.thumbnail,.link .entry:before
- {
- -webkit-flex:none;
- flex:none;
- margin:0;
- width:80px;
- height:80px!important
- }
- .search-result.has-thumbnail>.thumbnail
- {
- margin-right:10px
- }
- .link .thumbnail img
- {
- width:auto!important;
- height:80px!important
- }
- .thumbnail:after
- {
- position:absolute;
- top:30px;
- left:0;
- width:80px;
- height:20px;
- line-height:20px;
- text-align:center;
- text-transform:uppercase;
- font-size:11px;
- font-weight:700;
- color:rgba(0,0,0,.4);
- pointer-events:none
- }
- a.thumbnail[href*="reddit.com"]
- {
- background:#3a98d8
- }
- .thing.stickied .thumbnail,.link.stickied :not(.thumbnail)+.entry:before
- {
- background:#61c095
- }
- .thumbnail.self,.link :not(.thumbnail) + .entry:before,.thumbnail.default
- {
- background:#ebf1f1
- }
- .over18 .thumbnail.nsfw
- {
- background:#c4918a
- }
- body:not(.comments-page) .link :not(.thumbnail)+.entry:before
- {
- position:absolute;
- top:0;
- left:-90px;
- line-height:80px;
- text-align:center;
- text-transform:uppercase;
- font-size:25px;
- font-weight:700;
- color:rgba(0,0,0,.4);
- pointer-events:none;
- content:"•••"
- }
- .thumbnail.default:after
- {
- font-size:25px;
- content:"•••"
- }
- .link a.thumbnail[href*="reddit.com"]:after
- {
- font-size:11px;
- content:"reddit"
- }
- body .self.thumbnail:after
- {
- content:"self"!important
- }
- .link.over18 a.thumbnail:after
- {
- content:"nsfw"!important
- }
- .link.thing.stickied .thumbnail:after
- {
- content:"stickied"!important
- }
- .self .thumbnail img,.thing.stickied .thumbnail img,.comments-page .thing.stickied .thumbnail,.comments-page .thumbnail.self,.comments-page .over18 .thumbnail,a.thumbnail[href*="reddit.com"] img
- {
- display:none
- }
- .link .entry
- {
- position:relative;
- overflow:visible;
- margin-left:130px;
- min-height:80px;
- padding:10px
- }
- .comments-page .link.self .entry,.comments-page .link.over18 .entry
- {
- margin-left:39px
- }
- .res .RES-keyNav-activeElement,.subreddit-rule-item:hover
- {
- background-color:#f7f7f7!important
- }
- .res .commentarea .RES-keyNav-activeElement .md,.res .RES-keyNav-activeElement .md-container
- {
- background-color:transparent!important
- }
- .thing p.title
- {
- margin-bottom:7px
- }
- .thing a.title,.search-result-header>a
- {
- margin:0;
- font-size:14px;
- font-weight:700;
- color:#23374b
- }
- .spam .domain,.spam .domain a
- {
- color:#666
- }
- .thing a.title:hover
- {
- color:#ee5559
- }
- .thing.stickied.link a.title,.tagline .stickied-tagline,.stickied.link .entry .buttons li a:hover,.stickied.link .redditSingleClick:hover,.stickied.link .entry .buttons li a.comments
- {
- color:#31ab67
- }
- .thing a.title:visited,.thing.visited a.title,.thing .title.visited,.search-result :visited,.search-result :visited>mark,.search-result.visited .search-title,.search-result.visited .search-link,.search-result.visited .search-title>mark,.search-result.visited .search-link>mark
- {
- color:#666!important
- }
- body.mod-toolbox .tb-general-button,body.mod-toolbox li a.tb-general-button,body.mod-toolbox .tb-bracket-button
- {
- border:0;
- padding:3px;
- background:#383f47
- }
- .md h1:after
- {
- display:block;
- margin:7px 0;
- width:50px;
- height:1px;
- background:#fff;
- content:"";
- transition:.2s
- }
- .title+.expando-button+.expando-button
- {
- display:none
- }
- html body .content .expando-button
- {
- position:relative;
- margin-right:4px;
- width:28px;
- height:28px;
- max-width:none;
- max-height:none;
- border:0;
- border-radius:20px;
- background:rgba(0,0,0,.3)!important;
- transition:.2s
- }
- .usertext-body .md .expando-button,.wiki-page .expando-button,.messages-page .expando-button
- {
- margin-top:0;
- margin-bottom:0;
- vertical-align:middle!important
- }
- .expando-button:before,.res-highlight-nsfw-expando .thing.over18 .expando-button:before,.res.res-showImages-highlightNSFWButton .thing.over18 .expando-button:before,.expando-button:after
- {
- position:absolute;
- left:8px;
- top:13.5px;
- width:12px;
- height:1px;
- background:#262626;
- content:"";
- transition:.3s
- }
- .expando-button:after
- {
- transform:rotate(90deg)
- }
- .expando-button.expanded:before
- {
- transform:rotate(180deg)
- }
- html body .expando-button.expanded:after
- {
- transform:rotate(180deg)
- }
- .link.self .entry>.expando-button.collapsed:after
- {
- top:10px;
- height:9px;
- border:1px solid #262626;
- border-left:0;
- border-right:0;
- background:none;
- transform:rotate(0)
- }
- .link.self .entry>.expando-button.expanded:after
- {
- top:14px;
- height:0;
- border:0
- }
- .nsfw-stamp
- {
- border:0;
- font-weight:700;
- color:#ee5559
- }
- .link .entry .tagline,.tagline a,.entry .buttons li a,.entry .buttons li a.nonbutton,.link .redditSingleClick
- {
- font-size:11px;
- font-weight:400;
- letter-spacing:0;
- color:#666
- }
- .stamp
- {
- border-radius:0
- }
- .entry .buttons li.reported-stamp,ul.report-reasons
- {
- border:0!important;
- color:#262626;
- background:#ebdf64
- }
- a.pretty-button
- {
- border:0;
- border-radius:0;
- padding:0 6px;
- line-height:1.6em;
- color:#fff
- }
- .pretty-button.negative
- {
- background:#ee5559
- }
- .pretty-button.neutral
- {
- background:color:#000000;
- border:1px solid #c1c1c1
- }
- .pretty-button.positive
- {
- background:#3aca74
- }
- body .content a.pretty-button.pressed
- {
- background:#21252a
- }
- a.pretty-button + li
- {
- margin-left:5px
- }
- ul.report-reasons
- {
- width:100%
- }
- .rounded
- {
- border-radius:0
- }
- body .thing .tagline .author.moderator,body .thing .tagline .author.submitter,body .thing .tagline .author.friend,body .thing .tagline .author.admin,.tagline .userattrs a
- {
- display:inline-block;
- margin:0 5px;
- border-radius:0;
- padding:1px 6px;
- font-weight:400;
- color:#fff!important
- }
- body .thing .tagline .author.submitter,body .thing .tagline .author.submitter:hover,.tagline .userattrs a.submitter
- {
- background-color:#3a98d8!important
- }
- body .thing .tagline .author.moderator,body .thing .tagline .author.moderator:hover,.tagline .userattrs a.moderator
- {
- background-color:#3aca74!important
- }
- body .thing .tagline .author.admin,body .thing .tagline .author.admin:hover,.tagline .userattrs a.admin
- {
- background-color:#ee5559!important
- }
- .res .RESUserTagImage
- {
- margin-right:5px;
- border:0;
- background:none
- }
- .res .RESUserTagImage::after
- {
- display:inline-block;
- vertical-align:middle;
- width:19px;
- height:16px;
- background:url(%%spritesheet%%) -4px -95px/158px 225px;
- content:""
- }
- .res a.voteWeight
- {
- background:none!important;
- color:#ee5559
- }
- .tagline .userattrs a.moderator:hover:after
- {
- content:"oderator, speaking officially"
- }
- .tagline .userattrs a.submitter:hover:after
- {
- content:"ubmitter"
- }
- .tagline .userattrs a.admin:hover:after
- {
- content:"dmin, speaking officially"
- }
- .tagline .userattrs
- {
- font-size:0
- }
- .tagline .userattrs a
- {
- color:#ee5559
- }
- .link .entry .buttons li a:hover,.link .redditSingleClick:hover
- {
- color:#ee5559
- }
- .link .entry .buttons li a.comments
- {
- font-weight:700;
- color:#ee5559
- }
- span.newComments,form.state-button.approve-button
- {
- font-size:11px;
- color:#666
- }
- .expando + ul.flat-list.buttons
- {
- margin-top:10px
- }
- .link .expando
- {
- margin-bottom:0
- }
- .link .usertext-body .md
- {
- margin-bottom:0;
- border:0;
- border-radius:0;
- padding:10px;
- background:#ccd1d5
- }
- .nav-buttons
- {
- border-top:1px solid #ccd1d5;
- padding:10px 0;
- font-size:0
- }
- .nextprev a,.next-suggestions a
- {
- display:inline-block;
- margin-right:10px;
- border:0;
- border-radius:0;
- padding:10px;
- background:#fff;
- text-transform:uppercase;
- font-size:11px;
- color:#32383f;
- transition:.2s
- }
- .nextprev a:hover,.next-suggestions a:hover
- {
- border:0;
- background:rgba(255,255,255,.8)
- }
- .res #progressIndicator,.res .NERPageMarker
- {
- margin:0;
- width:100%;
- height:auto;
- border:0;
- border-top:1px solid #ccd1d5;
- border-radius:0;
- padding:10px;
- background:none;
- color:#fff
- }
- .res #progressIndicator p.NERWidgetText
- {
- margin:8px
- }
- .res #NERFail
- {
- width:100%;
- border:0
- }
- #NERFail .nextprev
- {
- margin-bottom:10px
- }
- #NERFail .nextprev a,.next-suggestions a
- {
- display:inline-block;
- border:0;
- border-radius:0;
- padding:5px;
- background:#ee5559;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:12px
- }
- .footer-parent
- {
- margin-top:30px
- }
- .footer-parent,.footer-parent~.debuginfo
- {
- width:100%;
- background:rgba(36,42,48,0.9)
- }
- .footer,.footer .col
- {
- border:0
- }
- .footer
- {
- display:inline-block;
- max-width:none
- }
- .footer .col
- {
- padding:0 50px
- }
- .footer .flat-vert.title
- {
- letter-spacing:2px;
- text-transform:uppercase;
- font-size:14px;
- font-weight:700;
- color:#fff
- }
- .footer .col li
- {
- padding:5px;
- font-size:12px
- }
- .footer-parent p.bottommenu
- {
- text-transform:uppercase;
- letter-spacing:2px;
- font-size:10px;
- opacity:.4;
- color:#fff
- }
- .footer-parent p.bottommenu:nth-of-type(1)
- {
- border-top:solid 1px #ccd1d5;
- padding-top:25px;
- padding-bottom:25px
- }
- .bottommenu a,.bottommenu .updated
- {
- border-bottom:1px dotted #fff;
- color:#fff
- }
- .footer-parent+img#hsts_pixel
- {
- display:none
- }
- .md
- {
- color:#262626
- }
- h1,h2,h3,h4,h5,h6
- {
- margin:10px 0;
- letter-spacing:2px;
- text-transform:uppercase;
- font-size:11px!important;
- font-weight:700!important;
- color:#23374b!important
- }
- .res .RESNotificationHeader h3
- {
- margin-top:0;
- padding-top:0
- }
- .res .RESNotificationHeader h3 .gearIcon
- {
- display:inline-block;
- margin-top:12.5px;
- height:15px;
- line-height:15px
- }
- .res .RESNotificationHeader h3+.RESCloseButton
- {
- top:0;
- margin-top:10px
- }
- .res .RESNotificationContent
- {
- padding-bottom:10px
- }
- .md h1
- {
- font-size:17px!important
- }
- h2,.sidecontentbox .title h1
- {
- margin:10px 0;
- font-size:14px!important
- }
- .sidecontentbox .title h1
- {
- display:inline-block
- }
- .sidecontentbox a.helplink + .title
- {
- border-top:1px solid #ccd1d5
- }
- .md del
- {
- text-decoration:line-through!important;
- color:#999
- }
- .new-comment .md :not(pre)>code,.link .md :not(pre)>code,.usertext.border .md :not(pre)>code,.new-comment .md pre,.link .md pre,.usertext.border .md pre,.md code,.md pre
- {
- border:0;
- padding:5px;
- background:#7f8d8e;
- font-family:"Courier New",monospace
- }
- .md a,.search-result .search-result-body :link,.search-result .search-result-body :link>mark
- {
- border-bottom:dotted 1px rgba(255,255,255,0.35);
- color:#3a98d8;
- transition:.2s
- }
- .md a:hover
- {
- border-bottom-color:transparent;
- color:#ffb6af
- }
- body .comment .md p > a:visited,body h2 a:visited
- {
- color:#666
- }
- .md hr,.content hr
- {
- height:1px;
- border:0;
- background:#ccd1d5
- }
- .md blockquote
- {
- border-left:solid 4px #ccd1d5;
- padding:10px;
- padding-left:30px;
- font-style:italic;
- color:#fff
- }
- .md a[href="#bigbutton"] + a,.md a[href="#button"] + a,.md a[href="#specialbutton"] + a,.md a[href="#bigspecialbutton"] + a
- {
- display:inline-block;
- margin:10px;
- border:1px solid #fff;
- padding:10px 20px;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- font-size:10px;
- font-weight:700
- }
- .md a[href="#bigbutton"] + a,.md a[href="#button"] + a
- {
- color:#fff!important
- }
- .md a[href="#bigbutton"] + a:hover,.md a[href="#button"] + a:hover
- {
- background-color:rgba(255,255,255,0.1)
- }
- .md a[href="#specialbutton"] + a,.md a[href="#bigspecialbutton"] + a
- {
- background:#fff;
- color:#32383f!important
- }
- .md a[href="#specialbutton"] + a:hover,.md a[href="#bigspecialbutton"] + a:hover
- {
- border:1px solid transparent;
- background-color:rgba(255,255,255,0.8)
- }
- .side .md a[href="#button"] + a,.side .md a[href="#specialbutton"] + a
- {
- margin:5px 0;
- width:145px;
- padding:11.5px 10px
- }
- .side .md a[href="#rightalign"] + a[href="#button"] + a,.side .md a[href="#rightalign"] + a[href="#specialbutton"] + a
- {
- margin-left:10px
- }
- .side .md a[href="#bigbutton"] + a,.side .md a[href="#bigspecialbutton"] + a
- {
- margin:5px 0;
- width:300px;
- padding:11.5px 10px
- }
- .md table tr
- {
- border-bottom:1px solid #ccd1d5
- }
- .md table tr:nth-of-type(odd)
- {
- background:#ebf1f1
- }
- .md table thead tr
- {
- background:none!important
- }
- .md table th,.md table td
- {
- border:0;
- padding:10px
- }
- .md a[href$="/spoiler"],.md a[href$="#spoiler"],.md a[href$="/s"],.md a[href$="#s"]
- {
- border:0;
- padding:0 5px;
- background:#262626!important;
- color:#262626!important
- }
- .md a[href$="/spoiler"]:hover,.md a[href$="#spoiler"]:hover,.md a[href$="/s"]:hover,.md a[href$="#s"]:hover
- {
- color:#fff!important
- }
- .wiki-page>.content[role="main"]>span
- {
- display:block;
- margin-top:10px
- }
- .wiki-page .wikititle
- {
- display:inline-block;
- margin-left:10px
- }
- .wiki-page .wiki-page-content
- {
- display:block;
- margin:10px
- }
- .res.wiki-page .RESBigEditorPop
- {
- margin-right:0
- }
- .wiki-page .pageactions
- {
- border:0
- }
- .wiki-page .pageactions .wikiaction
- {
- border-radius:0
- }
- .wiki-page .pageactions .wikiaction-current,.wiki-page .pageactions .wikiaction:hover
- {
- background:#ccd1d5
- }
- .wiki-page .wiki-page-content .wiki>.toc>ul
- {
- border:1px solid #ccd1d5
- }
- .search-page #header .tabmenu
- {
- box-shadow:none;
- min-width:0;
- padding-top:0;
- background:none
- }
- .search-page #header .tabmenu li
- {
- padding-bottom:0;
- background:none;
- opacity:1
- }
- .search-page #header .tabmenu li a
- {
- height:60px;
- border:0;
- background:none;
- line-height:60px;
- color:#fff
- }
- .searchpane
- {
- margin:0;
- border:0;
- border-bottom:1px solid #ccd1d5;
- padding:0;
- padding-bottom:10px;
- background:none
- }
- .searchfacets
- {
- margin:0;
- box-shadow:none;
- border:0;
- border-bottom:1px solid #ccd1d5;
- background:none
- }
- .search-page .content>.sitetable>.link:nth-of-type(1)
- {
- border-top:0
- }
- .search-page #search
- {
- width:auto
- }
- button.search-submit-button.c-btn.c-btn-primary
- {
- height:40px;
- border:0;
- border-radius:0;
- background:#ee5559
- }
- .search-result-group
- {
- max-width:none
- }
- .search-result-group-header
- {
- border-bottom:1px solid #ccd1d5
- }
- .search-expando.collapsed:before
- {
- display:none
- }
- .search-result :link,.search-result :link>mark
- {
- color:#262626
- }
- .archived-infobar.with-icon:before
- {
- background-color:transparent
- }
- .panestack-title
- {
- border-top:1px solid #ccd1d5
- }
- .panestack-title,.menuarea
- {
- vertical-align:middle;
- margin:0;
- padding:9.5px;
- border-bottom:1px solid #ccd1d5;
- color:#262626
- }
- .panestack-title a.title-button.gold
- {
- border:0;
- background:none;
- color:#f0c330
- }
- .commentarea .menuarea
- {
- margin-top:10px;
- margin-right:0
- }
- .commentarea .menuarea,.commentarea .menuarea .toggle a
- {
- font-size:12px;
- font-weight:400;
- color:#9da5a5
- }
- .dropdown.lightdrop .selected
- {
- background:none;
- text-transform:uppercase;
- font-size:9px;
- font-weight:400;
- color:#3a98d8
- }
- .dropdown.lightdrop .selected:after
- {
- content:" ▾"
- }
- .res .RESSubscriptionButton,.res .RESSubscriptionButton:hover
- {
- width:auto;
- border:0;
- border-radius:0;
- padding:5px;
- background:#ee5559;
- text-transform:uppercase;
- color:#fff
- }
- .res .RESSubscriptionButton.unsubscribe
- {
- background:#ccd1d5;
- color:#fff
- }
- .commentarea .commentNavSortType
- {
- margin-right:8px;
- font-weight:400
- }
- .commentarea .commentNavSortType + .commentNavSortType
- {
- border:0;
- padding:0;
- margin:0;
- margin-right:8px
- }
- #REScommentNavToggle span:not(:first-of-type)
- {
- display:none
- }
- .gold-accent,.gold-accent.comment-visits-box
- {
- border:0;
- background:none;
- color:#cd9930
- }
- .new-comment .usertext-body,.usertext.border .usertext-body
- {
- border:0;
- background:#ccd1d5
- }
- .infobar
- {
- margin-right:0;
- border:0!important;
- padding:5px 0;
- background:none!important
- }
- .res.res-commentBoxes.res-commentBoxes-rounded .comment
- {
- border-radius:0!important
- }
- .commentarea>.sitetable>.comment
- {
- margin-left:0!important;
- margin-right:0!important
- }
- .res.res-commentBoxes .comment,.comment
- {
- overflow:hidden;
- margin-bottom:0!important;
- border:1px solid #434b55!important;
- border-right:0!important;
- border-bottom:0!important;
- padding:0!important;
- padding-top:8px!important
- }
- .res.res-commentBoxes .comment .comment,.res.res-commentBoxes .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment,.res.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment
- {
- background:none!important
- }
- .comment .midcol
- {
- margin-right:0
- }
- .comment .entry
- {
- padding:5px
- }
- .morechildren,.deleted.comment
- {
- margin-left:10px;
- border:1px solid #ccd1d5;
- border-right:0;
- border-bottom:0;
- padding-bottom:8px
- }
- .commentarea>.sitetable>.morechildren
- {
- margin-left:0;
- padding:8px;
- padding-right:0
- }
- .commentarea>.sitetable>.morechildren>.entry
- {
- padding:5px
- }
- .comment .morechildren>.entry
- {
- margin:8px 0 0 8px
- }
- .comment .morechildren>.child
- {
- margin-top:0
- }
- .collapsed .midcol
- {
- display:none
- }
- .morecomments a,.deepthread a
- {
- font-size:11px!important;
- font-weight:400!important;
- color:#666!important
- }
- .deepthread:after
- {
- display:none
- }
- .deleted.comment>.entry,.collapsed .entry
- {
- margin:0 0 8px 8px
- }
- .noncollapsed.morerecursion .entry
- {
- margin-left:-7px;
- margin-bottom:8px
- }
- .deleted.comment>.entry>.tagline
- {
- font-size:11px
- }
- .comment.collapsed .tagline :not(.expand),.comment.collapsed .tagline a :not(.expand),.comment.collapsed .search-result-meta :not(.expand),.comment.collapsed .search-result-meta a :not(.expand)
- {
- font-style:normal
- }
- .comment.deleted>.midcol
- {
- display:none
- }
- .comment .child,.comment .showreplies
- {
- border:0
- }
- .sitetable>.thing.noncollapsed.morerecursion>.child
- {
- margin-top:0
- }
- #noresults
- {
- padding:10px 10px 10px 0
- }
- .usertext.grayed .usertext-body
- {
- background:none
- }
- .submit-page .content>h1
- {
- margin-top:15px;
- margin-left:10px
- }
- .formtabs-content
- {
- width:auto;
- border:0
- }
- .content ul.tabmenu.formtab li a
- {
- margin-right:10px;
- border:0;
- padding:0;
- background:none;
- text-transform:uppercase;
- letter-spacing:2px;
- font-size:11px;
- font-weight:700
- }
- .tabmenu.formtab .selected a
- {
- color:#c4918a
- }
- .formtabs-content .infobar,.content.submit .info-notice
- {
- border:0;
- margin-left:5px;
- background:none;
- font-size:12px
- }
- .roundfield,.linefield,.linefield.mobile,.linefield .usertext-edit
- {
- width:auto;
- border:0;
- background:none;
- color:#262626
- }
- .roundfield span.title,.linefield .title
- {
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:11px;
- font-weight:700;
- color:#262626
- }
- #newlink-with-image-upload div#new-link-preview,#newlink-with-image-upload span.clear-input-button
- {
- background:#ccd1d5
- }
- #newlink-with-image-upload div#suggest-title
- {
- position:static;
- display:inline-block;
- margin-bottom:5px
- }
- #newlink-with-image-upload div#new-link-preview
- {
- position:relative;
- z-index:1;
- margin-top:-2px
- }
- #newlink-with-image-upload div#new-link-preview:before
- {
- position:absolute;
- top:-25px;
- left:calc(50% - 12.5px);
- width:25px;
- height:25px;
- border:12.5px solid transparent;
- border-bottom-color:#ccd1d5;
- content:""
- }
- div#newlink-with-image-upload .image-upload-drop-target
- {
- background:none
- }
- .roundfield .usertext-edit
- {
- width:100%
- }
- .roundfield .usertext-edit .md
- {
- max-width:none
- }
- .roundfield textarea,.roundfield input[type=text],.roundfield input[type=url]
- {
- width:100%
- }
- .roundfield label
- {
- font-size:12px
- }
- .submit-page button[type="submit"]
- {
- margin-left:10px
- }
- .linefield textarea,.linefield input[type=text]
- {
- width:100%
- }
- .linefield .md
- {
- max-width:none
- }
- .gray
- {
- color:#999
- }
- .linefield .title+.gray,.linefield span
- {
- font-size:11px
- }
- body .markdownEditor-wrapper
- {
- width:100%
- }
- .commentingAs
- {
- color:#2a3939
- }
- body .markdownEditor .edit-btn:not(.btn-macro)
- {
- border:0;
- background-color:#ebf1f1;
- background-image:url(%%editbuttons%%)
- }
- a.edit-btn
- {
- vertical-align:bottom
- }
- .help-toggle.toggle .option.active
- {
- display:inline-block
- }
- .usertext .help-toggle,.usertext .help-toggle a,.usertext a.reddiquette
- {
- margin-left:0;
- border-right:0!important
- }
- body:not(.res) .usertext .help-toggle a
- {
- border-right:1px solid #fff!important
- }
- .content button.RESBigEditorPop
- {
- margin-top:5px;
- margin-left:0;
- border-color:#3a98d8;
- padding:5px 10px;
- background:none;
- text-indent:0;
- color:#3a98d8
- }
- div.BEFoot button
- {
- margin-right:10px
- }
- .RESDialogSmall.livePreview
- {
- margin-top:15px
- }
- .res .RESDialogSmall
- {
- border:1px solid #ccd1d5;
- border-radius:0
- }
- .res .RESDialogSmall > h3,.res .RESNotificationHeader,.res #RESConsoleTopBar.RESDialogTopBar
- {
- margin-bottom:0;
- height:40px;
- border-bottom:1px solid #ccd1d5;
- padding-top:0;
- padding-bottom:0;
- line-height:40px;
- background:#434b55
- }
- .res #RESConsoleTopBar.RESDialogTopBar
- {
- height:50px
- }
- body .livePreview .md
- {
- margin:0;
- padding-top:10px;
- background:repeating-linear-gradient(-45deg,#ebf1f1,#ebf1f1 40px,#ccd1d5 40px,#ccd1d5 80px)
- }
- body .viewSource textarea[readonly]
- {
- background:repeating-linear-gradient(-45deg,#ebf1f1,#ebf1f1 40px,#ccd1d5 40px,#ccd1d5 80px)
- }
- .pretty-form .save-button button,.submit.content button[type="submit"]
- {
- margin-bottom:15px
- }
- #subreddit_stylesheet>.sheets:before
- {
- display:block;
- margin-bottom:20px;
- font-size:12px;
- color:#666;
- content:"Thanks for choosing Apicem! Visit /r/Apicem to leave feedback and check for updates."
- }
- .res #RESStyleSheetTipPane
- {
- margin-top:20px;
- margin-bottom:20px;
- width:100%;
- border:0;
- color:#666
- }
- .res #RESStyleSheetTipPane *
- {
- border:0;
- padding:0
- }
- .res #RESStyleSheetTipPane-header,.res #RESStyleSheetTipPane-header span.details
- {
- font-size:11px;
- letter-spacing:1px
- }
- .res #RESStyleSheetTipPane .RESCloseButton
- {
- position:static;
- display:inline-block;
- margin-left:20px
- }
- .res .RESCloseButton
- {
- width:20px;
- height:20px;
- border:0;
- border-radius:50%;
- background:#383F47;
- line-height:20px;
- color:#23374b
- }
- .res .RESCloseButton:hover
- {
- border:0;
- background:#ebf1f1
- }
- .sheets
- {
- margin-right:0
- }
- .stylesheet-customize-container #images
- {
- color:#23374b
- }
- form#image-upload.image-upload
- {
- font-size:12px
- }
- .image-upload span
- {
- padding:0
- }
- ul.image-preview-list.image-list
- {
- margin:10px -0 30px;
- width:100%;
- padding-bottom:10px
- }
- ul.image-preview-list li
- {
- display:inline-block;
- float:none;
- margin:0;
- width:50%;
- height:auto;
- border-top:1px solid #e1e8e8;
- padding:10px;
- background:#ebf1f1
- }
- ul.image-preview-list li:nth-of-type(even)
- {
- border-right:1px solid #e1e8e8
- }
- ul.image-preview-list li:nth-of-type(odd)
- {
- margin-left:-1px;
- border-left:1px solid #e1e8e8
- }
- ul.image-preview-list .description pre
- {
- color:#23374b
- }
- .subreddit-rules-page:before
- {
- display:none
- }
- .subreddit-rules-page
- {
- padding-left:0;
- padding-bottom:10px
- }
- .subreddit-rule-form .c-form-group .label.required:after
- {
- color:#fff
- }
- .subreddit-rule-form .form-buttons>button
- {
- margin-bottom:12px
- }
- .subreddit-rule-item
- {
- margin-left:0
- }
- .subreddit-rules-page .md-container .md .subreddit-rule-description
- {
- color:#666
- }
- .messages-page>.content
- {
- color:#fff
- }
- .message .subject .correspondent
- {
- border:0;
- border-radius:0;
- padding:5px 8px;
- background:#ccd1d5
- }
- .flat-list li.selected a
- {
- color:#ee5559
- }
- .message .tagline,.message.message-parent>.entry,.message.message-reply>.entry
- {
- color:#31ab67
- }
- .message.recipient>.entry
- {
- color:#fff
- }
- .message.message-reply.recipient>.entry .head,.message.message-parent.recipient>.entry .head
- {
- color:#666
- }
- .message.threaded .child
- {
- border-left:1px dashed #ccd1d5
- }
- .thing.spam
- {
- border-left:3px solid #ee5559;
- background:none
- }
- .message.new>.entry
- {
- border:0;
- background:#ccd1d5
- }
- .flair-settings+.tabmenu
- {
- font-size:12px
- }
- .flair-settings+.tabmenu li
- {
- font-weight:400
- }
- .flair-settings+.tabmenu li a
- {
- background:none
- }
- .flair-settings+.tabmenu li.selected a
- {
- border:0;
- color:#ffb6af
- }
- .tabpane-content
- {
- border:0
- }
- .flair-jump button
- {
- vertical-align:top;
- margin-left:10px
- }
- .usertable>.toggle
- {
- border:0;
- background:none
- }
- .usertable>.toggle .togglebutton,.usertable>.toggle .error
- {
- margin:0;
- border:0;
- padding:0
- }
- .res #RESShortcutsAddFormContainer
- {
- top:30px;
- box-shadow:0 0 10px rgba(0,0,0,.5);
- border:0;
- border-radius:0;
- background:#fff;
- color:#262626
- }
- .res #addSubreddit
- {
- border-radius:0;
- background:none
- }
- .res .res #authorInfoToolTip:before,.res .res #authorInfoToolTip:after
- {
- border-color:transparent #ccd1d5
- }
- .res .RESDialogSmall .RESDialogContents
- {
- padding-top:12px
- }
- .res .res #RESHoverContainer:before,.res .RESHoverInfoCard:before
- {
- border-color:transparent #ccd1d5
- }
- .res .res #RESHoverContainer:after,.res .RESHoverInfoCard:after
- {
- border-color:transparent #ccd1d5
- }
- div.guider .guider_content p,.res .RESNotificationContent
- {
- color:#666
- }
- .res .RESNotificationContent
- {
- border-top:1px solid #ccd1d5;
- border-bottom:1px solid #ccd1d5
- }
- input#disableDailyTipsCheckbox
- {
- margin-right:5px
- }
- body .blueButton,a.guider_button
- {
- border:0;
- border-radius:0;
- background:#3a98d8
- }
- .pageNavigator[href="#header"]
- {
- display:none
- }
- body.res-voteEnhancements-highlightScores span.score
- {
- color:#262626
- }
- .side .md>blockquote:nth-of-type(1)
- {
- display:none
- }
- @media ( max-width: 1100px)
- {
- #header
- {
- margin:0;
- height:190px;
- padding-top:30px
- }
- #sr-header-area
- {
- top:0;
- left:0;
- width:100%
- }
- #header .pagename,#header .tabmenu
- {
- margin-top:30px
- }
- body>.content
- {
- margin:0!important;
- max-width:calc(100vw - 320px)!important
- }
- .side
- {
- margin-right:0
- }
- .side .md>blockquote:nth-of-type(1)
- {
- display:block;
- position:absolute;
- z-index:100;
- left:90px;
- top:20px;
- margin:0;
- box-shadow:0 0 10px rgba(0,0,0,.3);
- width:280px;
- border:0;
- padding:15px;
- background:#fff;
- text-align:center;
- line-height:15px;
- font-style:normal
- }
- .footer-parent
- {
- margin-top:0;
- border-top:1px solid #434b55;
- background:#32383f
- }
- .footer-parent~.debuginfo
- {
- background:#32383f
- }
- #header:target+.side .md>blockquote:nth-of-type(1)
- {
- top:45px
- }
- #header:not(:target)+.side .md>blockquote:nth-of-type(1):before
- {
- display:block;
- margin-bottom:10px;
- font-weight:700;
- color:#32383f;
- content:"Using a mobile device?"
- }
- #header+.side .md>blockquote:nth-of-type(1):after
- {
- position:absolute;
- left:0;
- bottom:-20px;
- border-top:10px solid #fff;
- border-right:10px solid transparent;
- border-bottom:10px solid transparent;
- border-left:10px solid #fff;
- content:""
- }
- .side .md>blockquote:nth-of-type(1) a
- {
- color:#6093c4
- }
- .side .md>blockquote:nth-of-type(1) a[href="#header"],#header:target + .side .md>blockquote:nth-of-type(1) a[href="#null"]
- {
- display:block
- }
- #header:target + .side .md>blockquote:nth-of-type(1) a[href="#header"],.side .md>blockquote:nth-of-type(1) a[href="#null"]
- {
- display:none
- }
- .side .md>blockquote:nth-of-type(1) a[href="#header"]:after
- {
- content:"Tap here to view the tab menu."
- }
- .side .md>blockquote:nth-of-type(1) a[href="#null"]:after
- {
- content:"Tap here to hide the tab menu."
- }
- }
- /*=====================================
- =======================================
- ADD ADDONS/CUSTOMIZATIONS BELOW
- =======================================
- =======================================*/
- /* LARGE HEADER ON HOT PAGE
- ---------------------------*/
- .hot-page #header { height: 350px }
- .hot-page #header .pagename {
- top: 95px;
- left: 50%;
- -webkit-transform: translateX(-50%);
- -moz-transform: translateX(-50%);
- transform: translateX(-50%);
- }
- .hot-page #header .pagename:before {
- position: absolute;
- top: 55px;
- left: 50%;
- margin-left: -40px;
- width: 80px;
- height: 1px;
- background: #fff;
- content: ""
- }
- .hot-page #header .pagename:after {
- display: block;
- margin-top: 40px;
- margin-left: 0;
- }
- .hot-page #header .tabmenu { top: 280px }
- .hot-page .side .md a[href="#headerbutton"] + a { top: 350px }
- .hot-page .side .md>h3:first-of-type { top: 410px }
- @media ( max-width: 1100px) {
- .hot-page #header { height: 380px }
- .hot-page .side .md>blockquote:nth-of-type(1) { top: 210px }
- .hot-page #header:target+.side .md>blockquote:nth-of-type(1) { top: 235px }
- }
- /* PAGENAME SUBTITLE
- --------------------*/
- #header .pagename:after { content: "better than kpics" }
- /* /R/CSSHELP REMINDER FOR THE PEOPLE WHO KEEP ASKING CSS QUESTIONS
- -------------------------------------------------------------------*/
- div.usertext-edit.md-container:after {
- display: block;
- margin: 10px 0;
- border: 1px solid #fff;
- padding: 10px;
- font-weight: bold;
- content: "/r/CSSHelp is better and faster for CSS questions!"
- }
- div.usertext-edit.md-container:hover:after { border-color: transparent; background: #c4918a }
- /* CUSTOM USER FLAIR TEXT
- -------------------------*/
- .flair-red:before { content: "Bug Hunter" }
- .flair-green:before { content: "CSS Grunt" }
- .flair-blue:before { content: "Theme User" }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement