Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /******************************************************************************/
- /** Dropdown Menu Crazy Stuff - from u/MyAlbatross - inspired by r/earthporn **/
- .content>.sitetable, .fancy-settings, body>.content { margin-top: 95px; }
- .side .titlebox blockquote {
- border-left: none;
- position: absolute;
- z-index: 100;
- top: 65px;
- left: 0;
- margin: 5px 0;
- width: calc(100% - 314px);
- }
- .titlebox blockquote ul {
- float: right;
- padding: 1px;
- background: rgba(0, 0, 0, 0);
- border: none; margin: 0px;
- -webkit-perspective: 400px;
- -moz-perspective: 400px;
- -ms-perspective: 400px;
- -o-perspective: 400px;
- perspective: 400px;
- float: left;
- width:9%;
- width: calc(10% - 2px);
- max-height: 32px;
- overflow:hidden;
- }
- .side .spacer .titlebox form blockquote ul:hover {
- max-height:300px;
- overflow:visible;
- }
- .titlebox blockquote ul li { opacity:0; padding: 0px; text-align: center;max-height:30px; }
- .titlebox blockquote li:first-child { font-size: 12pt; padding: 2px; cursor: default;max-height:200px; }
- .titlebox blockquote ul li:first-child, .titlebox blockquote ul:hover li { display: block; }
- .titlebox blockquote li a { display: block;border:none; }
- .titlebox blockquote a[href$="/r/NoFap"] {
- /*background-image: url("http://d.thumbs.redditmedia.com/4cQ7Uu2nj_41f-Pc.png");*/
- width: 100%;
- height: 30px;
- content: "";
- background-position: 0px -1599px;
- display: inline-block;
- position: relative;
- }
- .side .spacer .titlebox form blockquote li:first-child {
- background: #FAFAFA;
- border-radius: 2px;
- border: 1px solid #BDC4BD;
- text-align:center;
- line-height: 30px;
- height: 30px;
- color: #858A72;
- }
- .side .spacer .titlebox form blockquote li {
- background: #E6ECE6;
- border-radius: 2px;
- border: 1px solid #BDC4BD;
- text-align: center;
- font-family: sans-serif;
- font-size: 12px;
- font-weight: bold;
- vertical-align: middle;
- line-height:30px;
- padding: 0;
- margin: 0;
- text-indent: 0;
- white-space: nowrap;
- overflow: hidden;
- color: #4B4B4B;
- cursor:pointer;
- }
- .side .spacer .titlebox form blockquote ul:hover li { background:#EDF3E4;margin-top: 3px; }
- .titlebox blockquote li a { color: brown; }
- .titlebox blockquote li:hover > a {
- color: #C4302B;
- }
- .titlebox blockquote ul li {
- max-height: 0;
- -webkit-transform: rotateY(90deg);
- -moz-transform: rotateY(90deg);
- -ms-transform: rotateY(90deg);
- -o-transform: rotateY(90deg);
- transform: rotateY(90deg);
- -webkit-transition: none;
- -moz-transition: none;
- -ms-transition: none;
- -o-transition: none;
- transition: none;
- }
- .titlebox blockquote ul li:first-child, .titlebox blockquote ul:hover li, .titlebox blockquote ul:focus li:first-child {
- opacity: 1;
- max-height:200px;
- -webkit-transform: none;
- -moz-transform: none;
- -ms-transform: none;
- -o-transform: none;
- transform: none;
- -webkit-transition: opacity .4s, -webkit-transform .5s;
- -moz-transition: opacity .4s, -moz-transform .5s;
- -ms-transition: opacity .4s, -ms-transform .5s;
- -o-transition: opacity .4s, -o-transform .5s;
- transition: opacity .4s, transform .5s;
- }
- .titlebox blockquote ul:hover li:nth-child(2) {
- -webkit-transition-delay: .05s;
- -moz-transition-delay: .05s;
- -ms-transition-delay: .05s;
- -o-transition-delay: .05s;
- transition-delay: .05s;
- }
- .titlebox blockquote ul:hover li:nth-child(3) {
- -webkit-transition-delay: .15s;
- -moz-transition-delay: .15s;
- -ms-transition-delay: .15s;
- -o-transition-delay: .15s;
- transition-delay: .15s;
- }
- .titlebox blockquote ul:hover li:nth-child(4),
- .titlebox blockquote ul:hover li:nth-child(5),
- .titlebox blockquote ul:hover li:nth-child(6) {
- -webkit-transition-delay: .25s;
- -moz-transition-delay: .25s;
- -ms-transition-delay: .25s;
- -o-transition-delay: .25s;
- transition-delay: .25s;
- }
- /*overcome r/noFapWar styles */
- .side blockquote ul:nth-child(13)>li:before { display:none; }
- .side .md blockquote ul li:nth-child(2) { width:9%;width: calc(10% - 2px); }
- .side .md blockquote ul li:after { display:none; }
- /* width and positioning for the menu */
- .side .titlebox>form .usertext-body .md blockquote ul li {
- width: 240px;
- margin-left: -80px;
- height:auto;
- box-shadow: inset 0 0 36px -22px #000, 0 2px 9px -3px #808080;
- }
- .side .titlebox>form .usertext-body .md blockquote ul:first-child li {
- width: 260px;
- margin-left: 0px;
- }
- .side .titlebox>form .usertext-body .md blockquote ul li:first-child {
- width: auto;
- margin-left: 0;
- margin-top: 0;
- }
- .side blockquote .RESUserTag, .side blockquote .voteWeight {
- display: none !important;
- }
- .side .titlebox>form .usertext-body .md blockquote ul li:nth-child(5) {
- border-top: 0; border-bottom: 0; line-height: 1.4em; border-radius: 0; background: #F7F7F7; margin-top: 0;
- cursor:default;
- box-shadow:0 3px 9px -3px #808080;
- }
- .side .titlebox>form .usertext-body .md blockquote ul li:nth-child(4) {
- border-bottom: 0;
- border-radius: 0; background: #F7F7F7;
- cursor:default;
- color:orangered;
- box-shadow:0 3px 9px -3px #808080;
- }
- .side .titlebox>form .usertext-body .md blockquote ul li:nth-child(6) {
- border-top: 0;
- margin-top: 0px;
- border-radius: 0; background: #F7F7F7;
- cursor:default;
- box-shadow:0 3px 9px -3px #808080;
- }
- .side .titlebox>form .usertext-body .md blockquote ul li:nth-child(4) em {
- color:#B7B1D3;
- }
- .titlebox blockquote li:hover>a {
- color: #4D5749;
- }
- .titlebox blockquote li a {
- color: #6B7555;
- font-family: 'Stencil Std','Stencil', 'portagoITC', verdana,arial,helvetica,sans-serif;
- font-weight: normal;
- font-size: 16px;
- letter-spacing: 2px;
- }
- .side .titlebox blockquote p {
- width: 1px;
- height: 0px;
- margin: 0;
- padding: 0;
- float: left;
- position: relative;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement