💎 Show off your latest design!!

/*Button that drop-downs the menu */
#mal\_control_strip:before {
position: absolute;
display: block;
content: 'Menu';
margin-top: 128px;
left: 32px;
padding: 4px;
color: #fa0107 !important;
background-color: rgba(255, 255, 255, 0);
border: solid 2px #fa0107;
border-top: none;
}

#mal\_control_strip {
position: absolute !important; /* Menu bar position. Use 'fixed' property to fix the menu */
display: block !important;
top: 0;
margin-top: -128px !important;
height: 128px !important;
width: 100% !important;
left: 0;
/* Menu background */
background: linear-gradient(top, rgba(250, 1, 7, 1) 0%, rgba(250, 1, 7, 1) 15%, rgba(255, 255, 255, 0) 100%),
url(http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/Images/grid.png) center center repeat !important;
background: -moz-linear-gradient(top, rgba(250, 1, 7, 1) 0%, rgba(250, 1, 7, 1) 15%, rgba(255, 255, 255, 0) 100%),
url(http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/Images/grid.png) center center repeat !important;
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0, rgba(250, 1, 7, 1)),
color-stop(0.15, rgba(250, 1, 7, 1)),
color-stop(1, rgba(255, 255, 255, 0))),
url(http://dl.dropbox.com/u/78192465/MyAnimeList/Yuno/Images/grid.png) center center repeat !important;
/* Menu background */
box-shadow: 0 0 16px rgba(250, 1, 7, 1);
-o-box-shadow: 0 0 16px rgba(250, 1, 7, 1);
-moz-box-shadow: 0 0 16px rgba(250, 1, 7, 1);
-webkit-box-shadow: 0 0 16px rgba(250, 1, 7, 11) ;
transition: all .5s linear;
-o-transition: all.5s linear;
-moz-transition: all .5s linear;
-webkit-transition: all .5s linear;
z-index: 10;
}

#mal\_control_strip a { text-decoration: none !important; }

#mal\_control_strip a:hover { text-decoration: underline !important; }

#mal\_control_strip:hover { margin-top: 0 !important; }

/* Font settings */
#mal\_control_strip, #mal\_control_strip a, #mal\_control_strip td, #mal\_control_strip td div, #mal\_control_strip a {
font-family: 'Shadows Into Light Two', cursive !important;
color: #FFFFFF !important;
font-size: 16px !important;
}

#mal\_control_strip table {
display: block !important;
height: auto !important;
width: auto !important;
}

#mal\_control_strip td {
display: block !important;
height: auto !important;
}

#mal\_control_strip img, #mal\_cs_powered, #mal\_cs_powered img, #mal\_cs_pic img, #mal\_cs_otherlinks strong, #searchBox,
#mal\_cs_otherlinks div a[href*="sharedanime"], #mal\_cs_otherlinks div span[title*="Compatibility Score"] { display: none !important; }

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

/* Username, Logout */
#mal\_cs_listinfo {
position: absolute !important;
top: 6px !important;
left: 0px !important;
width: auto !important;
}

#mal\_cs_listinfo div {
display: inline-block !important;
margin: 0 !important;
}

#mal\_cs_listinfo div a {
position: relative !important;
}

#mal\_cs_listinfo div:first-of-type:before { content: 'What are you interested in my diary, '; }

#mal\_cs_listinfo div:first-of-type:after { content: ' ?'; }

#mal\_cs_listinfo div a[href*="logout"] {
visibility: visible;
position: relative !important;
display: inline-block !important;
content: none !important;
color: transparent !important;
width: 24px;
height: 24px;
top: -2px !important;
margin-left: 0 !important;
background: url('Images/open.png') no-repeat !important;
letter-spacing: -5px !important;
}

#mal\_cs_listinfo div a[href*="logout"]:hover {
background: url('Images/close.png') no-repeat !important;
}

/* Add to List, Home, Anime List, Manga List */
#mal\_cs_links {
position: absolute !important;
top: 6px !important;
right: 0 !important;
width: auto !important;
white-space: nowrap !important;
}

#mal\_cs_links div { display: inline !important; }

#mal\_cs_links div a { position: relative !important; }

#mal\_cs_links div a[href$="http://myanimelist.net"]:after { content: '\a0'; }

#mal\_cs_links div a[href*="addtolist"] { font-weight: 600 !important; }

/* History, Forum, Export */
#mal\_cs_otherlinks div a[href*="history"], #mal\_cs_otherlinks div a[href*="forum"], #mal\_cs_otherlinks div a[href*="export"], #mal\_cs_otherlinks div a[href*="mangalist"] { display: none !important; }

/* Log in, Create list, Learn more */
#mal\_cs_otherlinks {
position: absolute !important;
top: 6px !important;
right: 0 !important;
width: auto !important; }

#mal\_cs_otherlinks div {
display: inline-block !important;
margin: 0 !important;
}

#mal\_cs_otherlinks div a {
position: relative !important;
color: #FFFFFF !important;
line-height: 18px !important;
}

#mal\_cs_otherlinks div a[href*="login"] { font-weight: 600 !important; }