API tools faq
paste
Advertisement
gavin19

marv

gavin19
Jan 4th, 2017
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.16 KB | None | 0 0
raw download clone embed print report
  1.     /* Interactive Sidebar */
  2.         .side .md [href*="#phase1"] {
  3.       display: inline-block;
  4.       background: black url(%%sidebar%%) 0 0 no-repeat;
  5.       cursor: default;
  6.       height: 30px; width: 334px;
  7.       margin: -2px 0px!important;
  8.      }
  9.     .side .md [href*="#IM"] {
  10.     display: inline-block;
  11.     background: black url(%%sidebar%%) 0 -30px no-repeat;
  12.     cursor: default;
  13.     height: 60px; width: 150px;
  14.     margin: -2px 0px!important;
  15.     }
  16.      
  17.      .side .md [href*="#IM"]:hover {
  18.  
  19.       background: white url(%%Hover%%) 0 -30px no-repeat; transition: .5s ease;
  20.  
  21.      
  22.     }
  23.  
  24.  
  25.  
  26.      .side .md [href*="#hulk"] {
  27.       display: inline-block;
  28.       background: white url(%%sidebar%%) -150px -30px no-repeat;
  29.       cursor: default;
  30.       height: 60px; width: 170px;
  31.       margin: -2px 0px!important;
  32.     }
  33.      
  34.     .side .md [href*="#hulk"]:hover {
  35.  
  36.       background: white url(%%Hover%%)  -170px -30px no-repeat;transition: .5s ease;
  37.  
  38.     }
  39.  
  40.       .side .md [href*="#IRM"] {
  41.     display: inline-block;
  42.       background: black url(%%sidebar%%) 0 -90px no-repeat;
  43.       cursor: default;
  44.       height: 60px; width: 142px;
  45.       margin: -2px 0px!important;
  46.     }
  47.  
  48.  
  49.     .side .md [href*="#IRM"]:hover {
  50.  
  51.       background: black url(%%Hover%%) 0 -90px no-repeat;transition:.5s ease;
  52.  
  53.     }
  54.  
  55.       .side .md [href*="#T1"] {
  56.       display: inline-block;
  57.       background: black url(%%sidebar%%) -142px -90px no-repeat;
  58.       cursor: default;
  59.       height: 60px; width: 185px;
  60.       margin: -2px 0px!important;
  61.      }
  62.        .side .md [href*="#T1"]:hover {
  63.            background: black url(%%Hover%%) -162px -90px no-repeat;transition: .5s ease;
  64.        }
  65.      
  66.  
  67.  
  68.       .side .md [href*="#CA"] {
  69.       display: inline-block;
  70.       background: black url(%%sidebar%%) 0 -150px no-repeat;
  71.       cursor: default;
  72.       height: 60px; width: 142px;
  73.       margin: -2px 0px!important;
  74.      }
  75.        .side .md [href*="#CA"]:hover {
  76.            background: black url(%%Hover%%) 0 -150px no-repeat;transition: .5s ease;
  77.        }
  78.  
  79.       .side .md [href*="#AV"] {
  80.       display: inline-block;
  81.       background: black url(%%sidebar%%) -142px -150px no-repeat;
  82.       cursor: default;
  83.       height: 60px; width: 182px;
  84.       margin: -2px 0px!important;
  85.      }
  86.       .side .md [href*="#AV"]:hover {
  87.           background: black url(%%Hover%%) -142px -150px no-repeat;transition: .5s ease;
  88.       }
  89.  
  90.          .side .md [href*="#phase2"] {
  91.       display: inline-block;
  92.       background: black url(%%sidebar%%) 0 -210px no-repeat;
  93.       cursor: default;
  94.       height: 30px; width: 334px;
  95.       margin: -2px 0px!important;
  96.      }
  97.       .side .md [href*="#IROM"] {
  98.       display: inline-block;
  99.       background: black url(%%sidebar%%) 0 -240px no-repeat;
  100.       cursor: default;
  101.       height: 60px; width: 142px;
  102.       margin: -2px 0px!important;
  103.      }
  104.      .side .md [href*="#IROM"]:hover {
  105.          background: black url(%%Hover%%) 0 -240px no-repeat; transition: .5s ease;
  106.      }
  107.      
  108.       .side .md [href*="#TH"] {
  109.       display: inline-block;
  110.       background: black url(%%sidebar%%) -142px -240px no-repeat;
  111.       cursor: default;
  112.       height: 60px; width: 185px;
  113.       margin: -2px 0px!important;
  114.      }
  115.       .side .md [href*="#TH"]:hover {
  116.            background: black url(%%Hover%%) -142px -240px no-repeat; transition: .5s ease;
  117.       }
  118.  
  119.       .side .md [href*="#CAP"] {
  120.       display: inline-block;
  121.       background: black url(%%sidebar%%) 0 -300px no-repeat;
  122.       cursor: default;
  123.       height: 60px; width: 142px;
  124.       margin: -2px 0px!important;
  125.      }
  126.        .side .md [href*="#CAP"]:hover {
  127.              background: black url(%%Hover%%) 0 -300px no-repeat; transition: .5s ease;
  128.        }
  129.      
  130.       .side .md [href*="#GG"] {
  131.       display: inline-block;
  132.       background: black url(%%sidebar%%) -142px -300px no-repeat;
  133.       cursor: default;
  134.       height: 60px; width: 182px;
  135.       margin: -2px 0px!important;
  136.      }
  137.      
  138.      .side .md [href*="#GG"]:hover {
  139.            background: black url(%%Hover%%) -142px -300px no-repeat;transition: .5s ease;
  140.      }
  141.      
  142.       .side .md [href*="#UL"] {
  143.       display: inline-block;
  144.       background: black url(%%sidebar%%) 0 -360px no-repeat;
  145.       cursor: default;
  146.       height: 60px; width: 142px;
  147.       margin: -2px 0px!important;
  148.      }
  149.       .side .md [href*="#UL"]:hover {
  150.            background: black url(%%Hover%%) 0 -360px no-repeat; transition: .5s ease;
  151.       }
  152.  
  153.       .side .md [href*="#ANT"] {
  154.       display: inline-block;
  155.       background: black url(%%sidebar%%) -142px -360px no-repeat;
  156.       cursor: default;
  157.       height: 60px; width: 182px;
  158.       margin: -2px 0px!important;
  159.      }
  160.      .side .md [href*="#ANT"]:hover {
  161.            background: black url(%%Hover%%) -142px -360px no-repeat; transition: .5s ease;
  162.     transition: .5s ease;
  163.      }
  164.      
  165.           .side .md [href*="#phase3"] {
  166.       display: inline-block;
  167.       background: black url(%%sidebar%%) 0 -420px no-repeat;
  168.       cursor: default;
  169.       height: 30px; width: 334px;
  170.       margin: -2px 0px!important;
  171.      }
  172.      
  173.      
  174.       .side .md [href*="#CW"] {
  175.       display: inline-block;
  176.       background: black url(%%sidebar%%) 0 -450px no-repeat;
  177.       cursor: default;
  178.       height: 60px; width: 142px;
  179.       margin: -2px 0px!important;
  180.      }
  181.      .side .md [href*="#CW"]:hover {
  182.            background: black url(%%Hover%%) 0 -450px no-repeat; transition: .5s ease;
  183.      }
  184.  
  185.       .side .md [href*="#DRS"] {
  186.       display: inline-block;
  187.       background: black url(%%sidebar%%) -142px -450px no-repeat;
  188.       cursor: default;
  189.       height: 60px; width: 182px;
  190.       margin: -2px 0px!important;
  191.      }
  192.       .side .md [href*="#DRS"]:hover {
  193.             background: black url(%%Hover%%) -142px -450px no-repeat; transition: .5s ease;
  194.       }
  195.  
  196.       .side .md [href*="#GoG"] {
  197.       display: inline-block;
  198.       background: black url(%%sidebar%%) 0 -510px no-repeat;
  199.       cursor: default;
  200.       height: 60px; width: 142px;
  201.       margin: -2px 0px!important;
  202.      }
  203.        .side .md [href*="#GoG"]:hover {
  204.              background: black url(%%Hover%%) 0 -510px no-repeat; transition: .5s ease;
  205.        }
  206.  
  207.       .side .md [href*="#SM"] {
  208.       display: inline-block;
  209.       background: black url(%%sidebar%%) -142px -510px no-repeat;
  210.       cursor: default;
  211.       height: 60px; width: 185px;
  212.       margin: -2px 0px!important;
  213.      }
  214.       .side .md [href*="#SM"]:hover {
  215.             background: black url(%%Hover%%) -142px -510px no-repeat; transition: .5s ease;
  216.       }
  217.  
  218.       .side .md [href*="#RAG"] {
  219.       display: inline-block;
  220.       background: black url(%%sidebar%%) 0 -570px no-repeat;
  221.       cursor: default;
  222.       height: 60px; width: 142px;
  223.       margin: -2px 0px!important;
  224.      }
  225.       .side .md [href*="#RAG"]:hover {
  226.             background: black url(%%Hover%%) 0 -570px no-repeat; transition: .5s ease;
  227.       }
  228.  
  229.        .side .md [href*="#BP"] {
  230.       display: inline-block;
  231.       background: black url(%%sidebar%%) -142px -570px no-repeat;
  232.       cursor: default;
  233.       height: 60px; width: 182px;
  234.       margin: -2px 0px!important;
  235.      }
  236.       .side .md [href*="#BP"]:hover {
  237.             background: black url(%%Hover%%) -142px -570px no-repeat; transition: .5s ease;
  238.       }
  239.  
  240.       .side .md [href*="#INF"] {
  241.       display: inline-block;
  242.       background: black url(%%sidebar%%) 0 -630px no-repeat;
  243.       cursor: default;
  244.       height: 90px; width: 142px;
  245.       margin: -2px 0px!important;
  246.      }
  247.       .side .md [href*="#INF"]:hover {
  248.             background: black url(%%Hover%%) 0 -630px no-repeat; transition: .5s ease;
  249.       }
  250.  
  251.       .side .md [href*="#WASP"] {
  252.       display: inline-block;
  253.       background: black url(%%sidebar%%) -142px -630px no-repeat;
  254.       cursor: default;
  255.       height: 90px; width: 182px;
  256.       margin: -2px 0px!important;
  257.      }
  258.       .side .md [href*="#WASP"]:hover {
  259.             background: black url(%%Hover%%) -142px -630px no-repeat; transition: .5s ease;
  260.       }
  261.      
  262.      
  263.       .side .md [href*="#CMAR"] {
  264.       display: inline-block;
  265.       background: black url(%%sidebar%%) 0 -720px no-repeat;
  266.       cursor: default;
  267.       height: 70px; width: 142px;
  268.       margin: -2px 0px!important;
  269.      }
  270.       .side .md [href*="#CMAR"]:hover {
  271.        background: black url(%%Hover%%) 0 -720px no-repeat; transition: .5s ease;
  272.       }
  273.      
  274.       .side .md [href*="#INWAR"] {
  275.       display: inline-block;
  276.       background: black url(%%sidebar%%) -142px -720px no-repeat;
  277.       cursor: default;
  278.       height: 70px; width: 182px;
  279.       margin: -2px 0px!important;
  280.      }
  281.        .side .md [href*="#INWAR"]:hover {
  282.              background: black url(%%Hover%%) -142px -720px no-repeat; transition: .5s ease;
  283.        }
  284.      
  285.     .side .md [href*="#SH2"] {
  286.       display: inline-block;
  287.       background: black url(%%sidebar%%) 0 -790px no-repeat;
  288.       cursor: default;
  289.       height: 60px; width: 142px;
  290.       margin: -2px 0px!important;
  291.      }
  292.       .side .md [href*="#SH2"]:hover {
  293.        background: black url(%%Hover%%) 0 -790px no-repeat; transition: .5s ease;
  294.       }
  295.  
  296.        
  297.             .side .md [href*="#tv"] {
  298.       display: inline-block;
  299.       background: black url(%%sidebar%%) 0 -850px no-repeat;
  300.       cursor: default;
  301.       height: 40px; width: 334px;
  302.       margin: -2px 0px!important;
  303.      }
  304.  
  305.       .side .md [href*="#SHI"] {
  306.       display: inline-block;
  307.       background: black url(%%sidebar%%) 0 -890px no-repeat;
  308.       cursor: default;
  309.       height: 60px; width: 142px;
  310.       margin: -2px 0px!important;
  311.      }
  312.        .side .md [href*="#SHI"]:hover {
  313.              background: black url(%%Hover%%) 0 -890px no-repeat; transition: .5s ease;
  314.        }
  315.      
  316.  
  317.       .side .md [href*="#ACAR"] {
  318.       display: inline-block;
  319.       background: black url(%%sidebar%%) -142px -890px no-repeat;
  320.       cursor: default;
  321.       height: 60px; width: 182px;
  322.       margin: -2px 0px!important;
  323.      }
  324.        .side .md [href*="#ACAR"]:hover {
  325.       background: black url(%%Hover%%) -142px -890px no-repeat; transition: .5s ease;
  326.      
  327.        }
  328.  
  329.       .side .md [href*="#INH"] {
  330.       display: inline-block;
  331.       background: black url(%%sidebar%%) 0 -950px no-repeat;
  332.       cursor: default;
  333.       height: 90px; width: 142px;
  334.       margin: -2px 0px!important;
  335.      }
  336.        .side .md [href*="#INH"]:hover {
  337.              background: black url(%%Hover%%) 0 -950px no-repeat; transition: .5s ease;
  338.        }
  339.        
  340.          .side .md [href*="#CAD"] {
  341.       display: inline-block;
  342.       background: black url(%%sidebar%%) -142px -950px no-repeat;
  343.       cursor: default;
  344.       height: 90px; width: 182px;
  345.       margin: -2px 0px!important;
  346.      }
  347.        .side .md [href*="#CAD"]:hover {
  348.       background: black url(%%Hover%%) -142px -950px no-repeat; transition: .5s ease;
  349.      
  350.        }
  351.        
  352.           .side .md [href*="#ntflx"] {
  353.       display: inline-block;
  354.       background: black url(%%sidebar%%) 0 -1040px no-repeat;
  355.       cursor: default;
  356.       height: 30px; width: 334px;
  357.       margin: -2px 0px!important;
  358.      }
  359.      
  360.       .side .md [href*="#DD"] {
  361.       display: inline-block;
  362.       background: black url(%%sidebar%%) 0 -1070px no-repeat;
  363.       cursor: default;
  364.       height: 60px; width: 142px;
  365.       margin: -2px 0px!important;
  366.      }
  367.        .side .md [href*="#DD"]:hover {
  368.              background: black url(%%Hover%%) 0 -1070px no-repeat; transition: .5s ease;
  369.        }
  370.  
  371.       .side .md [href*="#JJ"] {
  372.       display: inline-block;
  373.       background: black url(%%sidebar%%) -142px -1070px no-repeat;
  374.       cursor: default;
  375.       height: 60px; width: 142px;
  376.       margin: -2px 0px!important;
  377.      }
  378.        .side .md [href*="#JJ"]:hover {
  379.              background: black url(%%Hover%%) -142px -1070px no-repeat;  transition: .5s ease;
  380.        }
  381.          .side .md [href*="#LC"] {
  382.       display: inline-block;
  383.       background: black url(%%sidebar%%) 0px -1130px no-repeat;
  384.       cursor: default;
  385.       height: 60px; width: 142px;
  386.       margin: -2px 0px!important;
  387.      }
  388.        .side .md [href*="#LC"]:hover {
  389.              background: black url(%%Hover%%) 0px -1130px no-repeat;  transition: .5s ease;
  390.        }
  391.             .side .md [href*="#IF"] {
  392.       display: inline-block;
  393.       background: black url(%%sidebar%%) -142px -1130px no-repeat;
  394.       cursor: default;
  395.       height: 60px; width: 142px;
  396.       margin: -2px 0px!important;
  397.      }
  398.        .side .md [href*="#IF"]:hover {
  399.              background: black url(%%Hover%%) -142px -1130px no-repeat;  transition: .5s ease;
  400.        }
  401.     .side .md [href*="#DEF"] {
  402.       display: inline-block;
  403.       background: black url(%%sidebar%%) 0 -1190px no-repeat;
  404.       cursor: default;
  405.       height: 60px; width: 142px;
  406.       margin: -2px 0px!important;
  407.      }
  408.        .side .md [href*="#DEF"]:hover {
  409.              background: black url(%%Hover%%) 0 -1190px no-repeat;  transition: .5s ease;
  410.        }
  411.     .side .md [href*="#PUN"] {
  412.       display: inline-block;
  413.       background: black url(%%sidebar%%) -142px -1190px no-repeat;
  414.       cursor: default;
  415.       height: 60px; width: 142px;
  416.       margin: -2px 0px!important;
  417.      }
  418.     .side .md [href*="#PUN"]:hover {
  419.          background: black url(%%Hover%%) -142px -1190px no-repeat;  transition: .5s ease;
  420.        }
  421.  
  422.     /* shorts */
  423.           .side .md [href*="#shorts"] {
  424.       display: inline-block;
  425.       background: black url(%%sidebar5%%) 0 -1250px no-repeat;
  426.       cursor: default;
  427.       height: 30px; width: 284px;
  428.       margin: -2px 0px!important;
  429.      }
  430.      
  431.       .side .md [href*="#CON"] {
  432.       display: inline-block;
  433.       background: black url(%%sidebar5%%) 0 -1280px no-repeat;
  434.       cursor: default;
  435.       height: 60px; width: 142px;
  436.       margin: -2px 0px!important;
  437.      }
  438.        .side .md [href*="#CON"]:hover {
  439.              background: black url(%%Hover%%) 0 -1280px no-repeat; transition: .5s ease;
  440.        }
  441.  
  442.       .side .md [href*="#FT"] {
  443.       display: inline-block;
  444.       background: black url(%%sidebar5%%) -142px -1280px no-repeat;
  445.       cursor: default;
  446.       height: 60px; width: 142px;
  447.       margin: -2px 0px!important;
  448.      }
  449.        .side .md [href*="#FT"]:hover {
  450.              background: black url(%%Hover%%) -142px -1280px no-repeat;  transition: .5s ease;
  451.        }
  452.          .side .md [href*="#47"] {
  453.       display: inline-block;
  454.       background: black url(%%sidebar5%%) 0px -1340px no-repeat;
  455.       cursor: default;
  456.       height: 60px; width: 142px;
  457.       margin: -2px 0px!important;
  458.      }
  459.        .side .md [href*="#47"]:hover {
  460.              background: black url(%%Hover%%) 0px -1340px no-repeat;  transition: .5s ease;
  461.        }
  462.             .side .md [href*="#ACS"] {
  463.       display: inline-block;
  464.       background: black url(%%sidebar5%%) -142px -1340px no-repeat;
  465.       cursor: default;
  466.       height: 60px; width: 142px;
  467.       margin: -2px 0px!important;
  468.      }
  469.        .side .md [href*="#ACS"]:hover {
  470.              background: black url(%%Hover%%) -142px -1340px no-repeat;  transition: .5s ease;
  471.        }
  472.     .side .md [href*="#AHK"] {
  473.       display: inline-block;
  474.       background: black url(%%sidebar5%%) 0 -1340px no-repeat;
  475.       cursor: default;
  476.       height: 60px; width: 142px;
  477.       margin: -2px 0px!important;
  478.      }
  479.        .side .md [href*="#AHK"]:hover {
  480.              background: black url(%%Hover%%) 0 -1340px no-repeat;  transition: .5s ease;
  481.        }
  482.  
  483.     /* Web series */
  484.           .side .md [href*="#shorts"] {
  485.       display: inline-block;
  486.       background: black url(%%sidebar5%%) 0 -1370px no-repeat;
  487.       cursor: default;
  488.       height: 30px; width: 284px;
  489.       margin: -2px 0px!important;
  490.      }
  491.     .side .md [href*="#SLI"] {
  492.       display: inline-block;
  493.       background: black url(%%sidebar5%%) -0px -1430px no-repeat;
  494.       cursor: default;
  495.       height: 60px; width: 142px;
  496.       margin: -2px 0px!important;
  497.      }
  498.     .side .md [href*="#SLI"]:hover {
  499.          background: black url(%%Hover%%) -0px -1430px no-repeat;  transition: .5s ease;
  500.        }
  501.        
  502.        
  503.          .side .md [href*="#IM"]:hover:after,
  504.         .side .md [href*="#hulk"]:hover:after,
  505.         .side .md [href*="#IRM"]:hover:after,
  506.         .side .md [href*="#T1"]:hover:after,
  507.         .side .md [href*="#CA"]:hover:after,
  508.         .side .md [href*="#AV"]:hover:after,
  509.         .side .md [href*="#IROM"]:hover:after,
  510.         .side .md [href*="#TH"]:hover:after,
  511.         .side .md [href*="#CAP"]:hover:after,
  512.         .side .md [href*="#GG"]:hover:after,
  513.         .side .md [href*="#UL"]:hover:after,
  514.         .side .md [href*="#ANT"]:hover:after,
  515.         .side .md [href*="#CW"]:hover:after,
  516.         .side .md [href*="#DRS"]:hover:after,
  517.         .side .md [href*="#GoG"]:hover:after,
  518.         .side .md [href*="#SM"]:hover:after,
  519.         .side .md [href*="#RAG"]:hover:after,
  520.         .side .md [href*="#INF"]:hover:after,
  521.         .side .md [href*="#BP"]:hover:after,
  522.         .side .md [href*="#CMAR"]:hover:after,
  523.         .side .md [href*="#INWAR"]:hover:after,
  524.         .side .md [href*="#WASP"]:hover:after,
  525.         .side .md [href*="#INH"]:hover:after,
  526.         .side .md [href*="#SH2"]:hover:after,
  527.         .side .md [href*="#SHI"]:hover:after,
  528.         .side .md [href*="#AC"]:hover:after,
  529.         .side .md [href*="#DD"]:hover:after,
  530.         .side .md [href*="#JJ"]:hover:after,
  531.         .side .md [href*="#LC"]:hover:after,
  532.         .side .md [href*="#IF"]:hover:after,
  533.         .side .md [href*="#DEF"]:hover:after,
  534.         .side .md [href*="#PUN"]:hover:after
  535.         .side .md [href*="#CON"]:hover:after,
  536.         .side .md [href*="#FT"]:hover:after,
  537.         .side .md [href*="#47"]:hover:after,
  538.         .side .md [href*="#ACS"]:hover:after,
  539.         .side .md [href*="#AHK"]:hover:after,
  540.        .side .md [href*="#SLI"]:hover:after{
  541.            
  542.         position:absolute;
  543.         list-style: none;
  544.         margin: 0 4px 0;
  545.         padding: 23px;
  546.         position: absolute;
  547.         width: auto;
  548.         right: 335px;
  549.         background: #fff;
  550.         border:1px solid #bcbcbc;
  551.         border-right:0px;
  552.         transition: 2s ease;
  553.         z-index:100;
  554.          right: 300px;
  555.          font-size: large;
  556.          color:black;
  557.          }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!