Mahou (Alpha) 2016 Manga
/* MAIN BACKGROUND AND FONT SETTINGS*/
body{
background-image: url(http://i.imgur.com/FVz4M.jpg);
background-position: 60% 18%;
font-family: 'Segoe UI', 'Century Gothic', sans-serif;
font-size: 11px;
}
/* TOP BAR SETTINGS
the numbers in parenthesis change the color and opacity of the bar. Get a color number
easily from this page:
http://www.css3maker.com/css-3-rgba.
Change position to absolute to make the bar not scroll with the page.
Change the background image out with the url in parenthesis.
*/
#mal\_control\_strip {
background-color: rgba(1,1,250,.5) !important;
background-image: url('http://i.imgur.com/hzPJrg4.png') !important;
position:fixed;
}
/* LIST SIZE */
#list_surround{
margin: -25px auto 0;
width: 950px;
}
/* HEADER*/
.table_header {
background-color: rgba(0,0,0,0.4);
border-color: rgba(255,255,255,0.25);
}
.table_header, .table_headerLink{
/* Color of the sort links. */
color: #FFF;
/* Remove the following line if you want links to be underlined */
text-decoration: none;
}
.table_headerLink:hover{
/* This configures a light white glow on hovered links */
text-shadow: rgba(255,255,255,0.4) -1px -1px 3px, rgba(255,255,255,0.4) 1px 1px 3px;
}
/* ROW COLOR */
.td1, .td2{
background-color: rgba(0,0,0,0.6);
border-color: rgba(255,255,255,0.25);
color: #FFF;
}
/* This is for the links in the rest of the */
.td1 a, .td2 a{
text-decoration: none;
color: #ffc700;
}
/*List row color on hover*/
tr:hover [class^=td] {
background-color: rgba(4, 150, 100, 0.9) !important;
}
/* Glow effect on link hover. The same text-shadow property */
.td1 a:hover, .td2 a:hover{
text-shadow: #9d9d31 -1px -1px 3px, #9d9d31 1px 1px 3px;
}
/* OTHER CODES*/
#list_surround td[class^=td]:first-child, #list_surround td[class^=td]:nth-child(n+3), .animetitle{font-weight:bold}
.header_title{
background-image: url(http://i.imgur.com/VImNB.png);
}
.category_totals{
background-color: rgba(0,0,0,0.5);
border-color: rgba(255,255,255,0.25);
color: #fff;
font-weight: bold;
text-shadow: orange 1px 1px 2px,cyan -1px -1px 2px;
}
/* Text displaying global totals */
#grand_totals{
color: #fff;
font-size: larger;
font-weight: bold;
text-shadow: #c51 -1px -1px 3px, #c51 1px 1px 3px, #c51 1px -1px 4px, #c51 -1px 1px 3px;
/* The following line makes it ALL-CAPS */
text-transform: uppercase;
}
#copyright{
background-color: rgba(0,0,0,0.6);
border-color: rgba(255,255,255,0.25);
}
#copyright:after {
content: "Custom CSS by Veriti, with edits by Shishio-kun and Al_exs. Google 'Shishio's Custom Lists' for more info.";
}
#copyright, #copyright a{
color: #FFF;
}
.status_not_selected a, .status_selected a{
background-image: url('http://i.imgur.com/rSgqF.png');
}
/*FIX FOR 2015*/
body{
background-repeat: no-repeat;
background-attachment: fixed;
background-color: black;
background-size: cover;
color: #000;
-moz-background-size: cover;
}
/* ---------- LAYOUT ---------- */
/* header & sort links */
.table_header{
border-bottom: 0px !important;
border-style: solid;
border-width: 1px 1px 0px 0px;
padding: 2px;
}
.table_headerLink{
color: #FFF;
text-decoration: none;
}
.table_headerLink:visited{
color: #FFF;
}
/* List body content (anime titles) */
.td1, .td2{
border-style: solid;
border-width: 1px 1px 0 0;
padding: 2px;
}
/* Highlighting hovered row */
t\d{ -o-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
/* Brackets for small text like 'rewatching' or 'airing' */
.td1 small:before, .td2 small:before{
content:'(';
}
.td1 small:after, .td2 small:after{
content:')';
}
/* This makes all text in list body bold except for Edit - More */
#list_surround td[class^='td']:first-child, #list_surround td[class^='td']:nth-child(n
+3), .animetitle{font-weight:bold}
.borderRBL{
border-width: 1px 1px 0 36px !important;
}
/* Header image for Currently Watching, Completed, Dropped, etc... */
.header_title{
color: transparent;
content: none;
height: 60px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
width: 520px;
}
.header_cw di\v{
background-position: 0px 0px;
}
.header_completed di\v{
background-position: 0px -60px;
}
.header_onhold di\v{
background-position: 0px -120px;
}
.header_dropped di\v{
background-position: 0px -240px;
}
.header_ptw di\v{
background-position: 0px -180px;
}
/* Block displaying category totals */
.category_totals{
padding-left: 37px !important;
padding: 2px;
}
/* Text displaying global totals */
#grand_totals{
display: block;
padding: 5px;
text-align: center;
}
/* Modifying copyright section */
#copyright{
border: 1px solid rgba(255,255,255,0.25);
margin-bottom: 40px;
padding: 2px;
}
#copyright a{color: #FFF}
#copyright br{display:none}
/* ---------- BAR AT BOTTOM ---------- */
/* Setting a position */
#list_surround tab\le:first-of-type {
bottom: 0;
margin-left: -25px;
position: fixed;
width: 1000px;
z-index: 1 !important;
}
/* Setting elements to display pure image */
#list_surround tab\le:first-of-type t\d {
background-color: transparent;
border-width: 0 !important;
}
.status_not_selected, .status_selected{
border-width: 0 !important;
padding: 0 !important;
width: auto !important;
}
.status_not_selected a, .status_selected a{
color: transparent !important;
content: none;
display: block;
height: 30px;
width: 150px;
}
/* Override size for wider parts */
.status_not_selected a[href*="status=1"],.status_selected a[href*="status=1"], .status_not_selected a[href*="status=7"], .status_selected a[href*="status=7"]{
width: 200px;
}
/* Currently watching */
.status_not_selected a[href*="status=1"]{background-position: 0px 0px}
.status_not_selected a[href*="status=1"]:hover{background-position: 0px 30px}
.status_not_selected a[href*="status=1"]:active, .status_selected a[href*="status=1"]
{background-position: 0px 60px}
/* Completed */
.status_not_selected a[href*="status=2"]{background-position: -200px 0px}
.status_not_selected a[href*="status=2"]:hover{background-position: -200px 30px}
.status_not_selected a[href*="status=2"]:active, .status_selected a[href*="status=2"]
{background-position: -200px 60px}
/* On Hold */
.status_not_selected a[href*="status=3"]{background-position: -350px 0px}
.status_not_selected a[href*="status=3"]:hover{background-position: -350px 30px}
.status_not_selected a[href*="status=3"]:active, .status_selected a[href*="status=3"]
{background-position: -350px 60px}
/* Dropped */
.status_not_selected a[href*="status=4"]{background-position: -500px 0px}
.status_not_selected a[href*="status=4"]:hover{background-position: -500px 30px}
.status_not_selected a[href*="status=4"]:active, .status_selected a[href*="status=4"]
{background-position: -500px 60px}
/* Plan to watch */
.status_not_selected a[href*="status=6"]{background-position: -650px 0px}
.status_not_selected a[href*="status=6"]:hover{background-position: -650px 30px}
.status_not_selected a[href*="status=6"]:active, .status_selected a[href*="status=6"]
{background-position: -650px 60px}
/* All Anime */
.status_not_selected a[href*="status=7"]{background-position: -800px 0px}
.status_not_selected a[href*="status=7"]:hover{background-position: -800px 30px}
.status_not_selected a[href*="status=7"]:active, .status_selected a[href*="status=7"]
{background-position: -800px 60px}
/*
OTHER CODES
*/
#mal\_control\_strip {
background-position: bottom !important;
top: -16px;
height: 1px !important;}
#mal\_control\_strip di\v {display:inline}
#mal\_cs\_pic img {height: 24px !important; width: auto !important}
#mal\_cs\_listinfo {
width: 26% !important;
height: 0 !important;
padding-bottom: 18px !important;
padding-top: 27px !important;
background: ;
position: absolute;
top:-5px;
border-right-color: rgba(0,0,0,0.8) !important;}
#mal\_cs\_listinfo div:first-of-type:before {content:'Logged in as '}
#mal\_cs\_listinfo div:last-of-type a {text-decoration: none}
#mal\_cs\_listinfo div:last-of-type a:hover {text-decoration: underline}
#mal\_cs\_listinfo div:last-of-type:before {font-weight:normal;content:'('}
#mal\_cs\_listinfo div:last-of-type:after {font-weight:normal;content:')'}
#mal\_cs\_links {
width: 92px !important;
height: 0 !important;
padding-bottom: 20px !important;
padding-top: 27px !important;
left: 28%;
top: -7px;
position: absolute;
border-right-color: rgba(0,0,0,0.8) !important;}
#mal\_cs\_links a {background-image: url('http://i.imgur.com/PAEW4Q8.png') !
important;width:16px;height:16px;content:none; display: inline-block !important;color:
transparent !important; letter-spacing: -1ex;font-size:xx-small}
#mal\_cs\_links div:first-of-type:after {content: '\a0'}
#mal\_cs\_links div:first-of-type a:first-of-type {background-position: 0px 0px}
#mal\_cs\_links div:first-of-type a:last-of-type {background-position: -16px 0px}
#mal\_cs\_links div:last-of-type a:first-of-type {background-position:-32px 0px}
#mal\_cs\_links div:last-of-type a:last-of-type {background-position:-48px 0px}
#mal\_cs\_otherlinks strong{
width: 25% !important;
height: 0 !important;
padding-bottom: 20px !important;
padding-top: 27px !important;
left:28%;
margin-left: 130px;
top: -5px;
position: absolute;
border-right-color: rgba(0,0,0,0.8) !important;}
#mal\_cs\_otherlinks div:last-of-type {float:right;padding-right:150px;
margin-top: 19px;}
#mal\_cs\_otherlinks div:first-of-type {float:left}
#mal\_cs\_powered img {display:none}
#searchBox {margin-top: 15px !important; width: 135px !important}
#mal\_control\_strip img {
margin-top: 15px !important;
}
#mal\_cs\_links a {background-image: url('http://i.imgur.com/PAEW4Q8.png') !important;}
form[action*="logout"] {
display: inline;
}
.status_not_selected a, .status_selected a {
background-image: url("http://i.imgur.com/4rtZb.png");
}
.header_title {
background-image: url("http://i.imgur.com/qNxEE.png");
}
/*BACKGROUND
Change the background image link below to get a new background.*/
body {
background-image: url("http://i.imgur.com/FVz4M.jpg");
background-position: 60% 18%;
}
/*CATEGORY HEADER AND MENU IMAGES*/
.header_title {
background-image: url("http://i.imgur.com/qNxEE.png");
}
.status_not_selected a, .status_selected a {
background-image: url("http://i.imgur.com/4rtZb.png");
}
/*FONTS
Change the properties below to change the list font style.*/
#list_surround, #list_surround a {
font-family: tahoma !important;
font-size: 8pt !important;
font-style: inherit !important;
font-variant: small-caps !important;
font-weight: bold !important;
text-decoration: none !important;
text-rendering: auto !important;
text-transform: uppercase !important;
text-overflow: clip !important;
}
/*OTHER CODES
The codes to change the colors are all at the top.*/
.table_header {
background-color: rgba(70, 164, 225, 0.4);
border-color: rgba(255, 255, 255, 0.25);
}
.table_header, .table_headerLink {
color: #FFFFFF;
text-decoration: none;
}
.table_headerLink:hover {
text-shadow: -1px -1px 3px rgba(255, 255, 255, 0.4), 1px 1px 3px rgba(255, 255, 255, 0.4);
}
.td1, .td2 {
background-color: rgba(70, 164, 150, 0.5);
border-color: rgba(255, 255, 255, 0.25);
color: #FFFFFF;
}
.td1 a, .td2 a {
color: lightBlue;
text-decoration: none;
}
.td1 a:hover, .td2 a:hover {
text-shadow: -1px -1px 3px #56D9D3, 1px 1px 3px #56D9D3;
}
tr:hover [class^="td"] {
background-color: rgba(80, 50, 225, 0.9) !important;
}
#list_surround td[class^="td"]:first-child, #list_surround td[class^="td"]:nth-child(n+3), .animetitle {
font-weight: bold;
}
.category_totals {
background-color: rgba(70, 164, 225, 0.5);
border-color: rgba(255, 255, 255, 0.25);
color: #FFFFFF;
font-weight: bold;
text-shadow: 0px 1px 2px orange, -1px -1px 2px #B514FF;
}
#grand_totals {
color: #FFFFFF;
font-size: larger;
font-weight: bold;
text-shadow: -1px -1px 3px #CC5511, 1px 1px 3px #B514FF, 1px -1px 4px #B514FF, -1px 1px 3px #B514FF;
text-transform: uppercase;
}
#copyright {
background-color: rgba(70, 164, 225, 0.6);
border-color: rgba(255, 255, 255, 0.25);
}
#copyright, #copyright a {
color: #FFFFFF;
}
#copyright:after {
content: " Custom CSS by Veriti. Edits by Miketsukami-kun. Google 'Shishio's Custom Lists' for more designs and info.";
} Pasted: Dec 21, 2015, 9:28:38 am
Views: 250