menu_bar.css

@\import "https://fonts.googleapis.com/css?family=Electrolize";

#mal_cs_listinfo, #mal_cs_links, #mal_cs_otherlinks, #mal_cs_powered
{box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
background: none no-repeat scroll 100% 0 transparent;
border: 0 none;
height: 0 !important;
overflow: hidden;
padding: 32px 0 0 !important;
position: fixed;
right: 4px;
text-align: center;
top: 4px;
z-index: 10;
width: 150px !important;}

#mal_cs_listinfo:hover, #mal_cs_links:hover, #mal_cs_otherlinks:hover, #mal_cs_powered:hover
{height: 200px !important;
padding-top: 32px !important;}

#mal_cs_listinfo div, #mal_cs_links div, #mal_cs_otherlinks div, #mal_cs_powered div, #mal_cs_powered dd
{-moz-transition: opacity 0.4s ease-in-out 0s;
-webkit-transition: opacity 0.4s ease-in-out 0s;
-o-transition: opacity 0.4s ease-in-out 0s;
transition: opacity 0.4s ease-in-out 0s;
background-color: rgba(255,255,255,0.6);
border-radius: 3px 0 0 0;
font-size: 0 !important;
line-height: 0;
margin: 0 !important;
opacity: 0;
padding: 8px 0 0 !important;}

#mal_cs_listinfo:hover div, #mal_cs_links:hover div, #mal_cs_otherlinks:hover div, #mal_cs_powered:hover div, #mal_cs_powered:hover dd
{opacity: 1;}

#mal_cs_listinfo div:nth-of-type(2), #mal_cs_links div:nth-of-type(2), #mal_cs_otherlinks div:nth-of-type(2), #mal_cs_powered div:nth-of-type(2)
{border-radius: 0 0 3px 3px;
padding: 4px 0 8px !important;}

#mal_cs_listinfo a, #mal_cs_links a, #mal_cs_otherlinks a, #mal_cs_powered a, #mal_cs_powered a:before
{background-color: rgba(142,128,164,0.8) !important;
border-radius: 3px 3px 3px 3px;
display: block;
font: 13px/17px 'Electrolize', sans-serif !important;
margin: 4px 12px 0;
padding: 3px 0 !important;
text-decoration: none !important;}

#mal_cs_listinfo a:nth-of-type(1), #mal_cs_links a:nth-of-type(1), #mal_cs_otherlinks a:nth-of-type(1), #mal_cs_powered a:nth-of-type(1)
{margin-top: 0;}

#mal_cs_listinfo a:hover, #mal_cs_links a:hover, #mal_cs_otherlinks a:hover
{background-color: rgba(142,128,164,1) !important;
color: #ffffff! important;}

#mal_cs_listinfo strong a strong
{font-weight: normal;}

#mal_cs_otherlinks strong
{color: rgba(142,128,164,1);
display: block;
font: bold 13px/17px 'Electrolize',sans-serif !important;
padding: 0 4px 4px;}

#mal_cs_otherlinks strong a
{background: none transparent !important;
border-radius: 0 0 0 0;
color: rgba(142,128,164,1);
display: inline;
font: bold 13px/17px 'Electrolize',sans-serif !important;
margin: 0;
padding: 0;
text-decoration: underline !important;}

#mal_cs_otherlinks strong a:hover
{background-color: transparent !important;}

#mal_cs_powered a
{background-color: rgba(255,255,255,.6) !important;
width: 150px;
margin: 0;
border-radius: 3px 0 0 0;
padding: 8px 0 0 0 !important;}

#mal_cs_powered a:before
{-moz-transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
background-color: rgba(142,128,164,0.8) !important;
border-radius: 3px 3px 3px 3px;
display: block;
height: 17px;
margin: 0 12px;
padding: 23px 0 0 126px;}

#mal_cs_powered:hover a
{opacity: 1;
color: #ffffff !important;}

#mal_cs_powered a img
{display: none;}

#mal_cs_powered a:hover:before
{background-color: rgba(142,128,164,1) !important;
color: #ffffff !important;}

#mal_cs_powered a:before
{content: "MyAnimeList";
color: #e1e2f7 !important;}

#mal_cs_powered #search
{border-radius: 0 0 3px 3px;
padding: 8px !important;
position: relative;}

#searchBox
{box-sizing: border-box;
-moz-box-sizing: border-box;
border-color: #BCBCBC #D6D6D6 #D6D6D6;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1px;
color: rgba(142,128,164,1);
display: inline-block;
font-family: Electrolize,sans-serif;
font-size: 13px;
height: 28px;
padding-left: 6px !important;
padding-right: 24px !important;
vertical-align: top;
width: 100px;}

#searchBox:hover, #searchBox:focus
{border-color: rgba(142,128,164,1) rgba(142,128,164,1) rgba(142,128,164,1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;}

#searchListButton
{background: url(none) no-repeat scroll 0 0 transparent !important;
border-radius: 3px 3px 3px 3px;
height: 0;
margin: 0;
padding: 16px 0 0 19px !important;
position: absolute;
right: 12px !important;
top: 14px !important;
width: 0;}

#mal_cs_listinfo
{background-image: url("https://dl.dropboxusercontent.com/s/h33m1o5vp94lsbg/1-inactive.png");
right: 106px;}

#mal_cs_listinfo:hover
{background-image: url("https://dl.dropboxusercontent.com/s/mdqh1kidcq1jvfq/1-active.png");}

#mal_cs_links
{background-image: url("https://dl.dropboxusercontent.com/s/g1bkw2gdhnlu1cx/2-inactive.png");
right: 72px !important;
z-index: 9;}

#mal_cs_links:hover
{background-image: url("https://dl.dropboxusercontent.com/s/mw06rei3vdc9cjp/2-active.png");}

#mal_cs_otherlinks
{background-image: url("https://dl.dropboxusercontent.com/s/n9qu0foqg7xkq37/3-inactive.png");
right: 38px !important;
z-index: 8;}

#mal_cs_otherlinks:hover
{background-image: url("https://dl.dropboxusercontent.com/s/cw5486nxqw64202/3-active.png");}

#mal_cs_powered
{background-image: url("https://dl.dropboxusercontent.com/s/sb90slr8hwou794/4-inactive.pngg");
right: 4px !important;
z-index: 7;
position: fixed !important;}

#mal_cs_powered:hover
{background-image: url("https://dl.dropboxusercontent.com/s/2ri1sjmr75olxbc/4-active.png");}

#mal\_control\_strip
{background: transparent !important;}

#mal_cs_pic img
{display: none;}

#mal_cs_pic, #mal_cs_listinfo, #mal_cs_links
{border-right: 0 none !important;}

#mal_control_strip a
{color: #e1e2f7 !important;}