[CSS] Square Layout

/*
Square Layout
u531355 - 2012
Anime Style
*/

/* 1) Generated covers
More info on Fellow Writer: http://myanimelist.net/forum/?topicid=1163417
*/
@import url(http://mal-fellow-writer.appspot.com/anime/Blazeflack/?covers=http://dl.dropbox.com/u/49469857/MAL/premade/formats/covers/more);

/* 2) Base layout */
@import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/style.css);

/* 3) Top-bar icons */
@import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/bars/japan/bar.css);

/* 4) Layout theme */
@import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/themes/dark/theme.css);

/* 5) Addons - Add as many as you want */
@import url(http://dl.dropbox.com/u/49469857/MAL/premade/square/addons/longcovers/addon.css);
@import url(https://dl.dropboxusercontent.com/u/176854663/MAL/Square%20Layout/tweaks.css);
@import url(https://dl.dropboxusercontent.com/u/176854663/MAL/Square%20Layout/nostatus.css);

/* 6) Options */
/* Determines the number of covers on each row, it should be a multiple of 242px */
#mal_control_strip, #list_surround {max-width: 968px;}

/* Header picture */
#inlineContent {background-image: url();}

/* Default picture when no cover is found */
.hide {background-image: url();}

/* Links color */
a {color: rgb(0, 179, 255);}

/* More info on Square Layout on http://myanimelist.net/forum/?topicid=459189 */

/* Layout Tweaks */
/* Fix horizontal scroll on menu buttons START */
#mal_cs_listinfo div a, #mal_cs_links div a, #mal_cs_otherlinks div a {
	line-height: 16px;
	overflow-x: visible;
	overflow-y: visible;
	white-space: normal;
	word-wrap: break-word;
}
/* Fix horizontal scroll on menu buttons END */

/* Make room for "Priority" sorting button START */
.header_cw + table, .header_completed + table, .header_onhold + table,
.header_dropped + table, .header_ptw + table {
	width: 536px;
}

.table_header:nth-of-type(6) {
	display: inline;
}

#searchBox {
	width: 125px !important;
}

#mal_cs_powered {
	left: 536px;
}
/* Make room for "Priority" sorting button END */

/* Center status header (watching/completed etc.) START */
.header_title {
	padding-left: 0px;
}
/* Center status header (watching/completed etc.) END */

/* Resize info boxes on covers START */
.td1:first-of-type, .td2:first-of-type {
	width: 37px;
}

.td1 a[title="Anime Information"] + small, .td2 a[title="Anime Information"] + small {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: auto;
	width: 76px;
}

.td1:nth-of-type(4)[width="50"], .td2:nth-of-type(4)[width="50"] {
	width: 37px;
}
/* Resize info boxes on covers END */

/* Allow long title names without being cut off START */
.animetitle {
	max-height: none;
}
/* Allow long title names without being cut off END */

/* Create a "Priority" info box on covers START */
.td1:nth-of-type(6)[width="80"]:before, .td2:nth-of-type(6)[width="80"]:before {
	content: "Prioritya";
	white-space: pre;
}

.td1:nth-of-type(6)[width="80"], .td2:nth-of-type(6)[width="80"] {
	top: 40px;
	left: 11px;
	width: 37px;
	text-align: center;
	display: block;
}
/* Create a "Priority" info box on covers END */

/* Reposition category menu (watching, complated etc.) START */
#list_surround > table:first-of-type {
	position: static;
	top: 462px;
	margin-left: auto;
	margin-right: auto;
}
/* Reposition category menu (watching, complated etc.) END */

/* Fix position of topbar sorting buttons by decreasing right margin when using "Bar on Right" addon START*/
.header_cw + table, .header_completed + table, .header_onhold + table,
.header_dropped + table, .header_ptw + table {
	margin-right: 150px;
}
/* Fix position of topbar sorting buttons by decreasing right margin when using "Bar on Right" addon END*/

/* Theme Tweaks */
/* Set a global fixed background START */
body {
	background-image: url(https://dl.dropboxusercontent.com/u/176854663/MAL/Square%20Layout/background2.jpg);
	background-size: cover;
	background-attachment: fixed;
}
/* Set a global fixed background END */

/* Make header background transparent START */
#inlineContent {
	background-color: rgba(26, 26, 26, 0);
	border-bottom-color: rgba(1,1,1,0);
}
/* Make header background transparent END */

/* Make category menu background transparent START */
#list_surround > table:first-of-type {
	background-color: rgba(0,0,0,0);
}
/* Make category menu background transparent END */

/* Make background behind covers semi-transparent START */
#list_surround, input[type=text] {
	background-color: rgba(1,1,1,.4);
}
/* Make background behind covers semi-transparent END */

/* Make background behind menu bar semi-transparent START */
#mal_control_strip tbody {
	background-color: rgba(1,1,1,.4);
}
/* Make background behind menu bar semi-transparent END */

/* Change background color of currently selected category START */
.status_selected {
	background-color: rgb(33, 33, 33);
}
/* Change background color of currently selected category END */

@import url(https://dl.dropboxusercontent.com/u/176854663/MAL/Square%20Layout/nostatus.css);

#mal_cs_listinfo div a, #mal_cs_links div a, #mal_cs_otherlinks div a,
.table_headerLink, .status_not_selected,
.header_cw, .header_completed, .header_onhold,
.header_dropped, .header_ptw,
.category_totals, #grand_totals, #copyright {
    background-color: rgb(26, 26, 26);
    background-image: -moz-linear-gradient(center top , rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%);
    font-family: 'Aladin',cursive;
    font-size: 15px;
    font-weight: normal;
}
#mal_cs_listinfo div a:hover, #mal_cs_links div a:hover, #mal_cs_otherlinks div a:hover,
.table_headerLink:hover, .status_not_selected:hover {
    background-image: -moz-linear-gradient(center bottom , rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%);
}

#mal_cs_listinfo div a, #mal_cs_links div a, #mal_cs_otherlinks div a,
.table_headerLink, .status_not_selected,
.header_cw, .header_completed, .header_onhold,
.header_dropped, .header_ptw,
.category_totals, #grand_totals, #copyright {
	background-color: rgb(26, 26, 26);
	background-image: -moz-linear-gradient(center top , rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%);
}
#mal_cs_listinfo div a:hover, #mal_cs_links div a:hover, #mal_cs_otherlinks div a:hover,
.table_headerLink:hover, .status_not_selected:hover {
	background-image: -moz-linear-gradient(center bottom , rgb(26, 26, 26) 40%, rgb(13, 13, 13) 60%);
	font-family: 'Aladin',cursive;
	font-size: 15px;
	font-weight: normal;
}