I need help adding tags to my custom CSS

Oct 10, 2015 10:20 AM

Offline

Apr 2015

As the title suggests, I'm having trouble adding tags to a custom CSS. Preferably, I would like the tags on the right side of my list, any help is appreciated. Thank you in advance.

body {
cursor: url(http://i.imgur.com/umi3qoU.png) 1 2, auto;
}
a:hover {
cursor: url(http://i.imgur.com/JW141kv.png) 1 2, auto;
}

#grand_totals, .category_totals, [class^=status_], [style^="float: right"] {
display: none;
}

[href] {
text-decoration: none;
color: #434728;
}

[href]:hover, [id^="scor"]:hover {
color: #1B1E0A;
}

tr:hover [class^="td"] {
background-color: #F6D1C3;
}

#list_surround {
position: relative;
background-image: url('http://i.imgur.com/myXrkcv.png');
background-repeat: no-repeat;
background-position: right bottom;
background-size: 20% auto;
background-attachment: fixed;

font-family: "Roboto", "Arial";
font-size: 13px;
color: #434728;
}

#list_surround [cellpadding="0"] {
position: relative;
width: 55%;
left: 5%;
}

[class^=header_] {
margin-right: 100%;
margin-top: 10px;
white-space: nowrap;
}

.header_title {
font-family: "Alegreya Sans SC", "Arial";
font-size: 32px;
font-weight: 800;
}

.table_header {
padding: 6px 8px 6px;
border-top: 1px solid #434728;
border-bottom: 1px solid #434728;
}

.table_header,
.table_header a:link,
.table_header a:visited {
background-color: #434728;
color: white;
font-size: 12px;
}

strong {
font-weight: normal;
}

.td1, .td2 {
background-color: #F6D1C3;
padding: 5px 8px 5px;
border-bottom: 1px solid #434728;
}

td[align="left"] {
text-align: center;
font-size: 12px;
}

.table_headerLink {
font-weight: normal;
}

#copyright {
font-size: 12px;
font-weight: 250;
padding-top: 25px;
margin-bottom: 25px;
margin-right: 35%;
}

/* ------------------------------------------------------------ */ /* Custom MAL banner setup */
#mal_cs_listinfo,
#mal_cs_links,
#mal_cs_otherlinks,
#mal_cs_powered {
box-sizing: border-box;
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: right;
top: 4px;
z-index: 10;
width: 210px !important;
}

}

#mal_cs_listinfo div,
#mal_cs_links div,
#mal_cs_otherlinks div,
#mal_cs_powered div,
#mal_cs_powered dd {
background-color: transparent;
font-size: 0 !important;
line-height: 0;
margin: 0 !important;
opacity: 0;
padding: 4px 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) {
padding: 4px 0 0 !important;
}

#mal_cs_listinfo a,
#mal_cs_links a,
#mal_cs_otherlinks a,
#mal_cs_powered a {
background-color: #434728 !important;
display: block;
font: 18px/17px 'Arial', sans-serif !important;
font-weight: bold;
margin: 4px 0 0;
padding: 8px 8px 8px !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: #9A231F !important;
}

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

#mal_cs_otherlinks strong {
color: #434728;
display: block;
font: bold 13px/17px 'Arial',sans-serif !important;
padding: 0 4px 4px;
}

#mal_cs_otherlinks strong a {
background: none transparent !important;
color: #434728;
display: inline;
font: bold 13px/17px 'Arial',sans-serif !important;
margin: 0;
padding: 0;
}

#mal_cs_powered a {
background-color: white !important;
display: block !important;
margin: 0 !important;
opacity: 0;
padding: 4px 0 0 !important;
}

#mal_cs_powered:hover a {
opacity: 1;
}

#mal_cs_powered #search {
padding: 8px 2px 0px 0px !important;
position: relative;
}

#searchBox {
box-sizing: border-box;
border-color: #434728;
border-style: solid;
border-width: 1px;
color: #434728;
padding: 0 8px 0 !important;
display: inline-block;
font-family: arial, sans-serif;
font-size: 14px !important;
height: 32px;
vertical-align: top;
width: 210px !important;
}

#searchBox:hover,
#searchBox:focus {
border-color: #9A231F;
color: #9A231F;
}

#searchListButton {
display: none !important;
}

Oct 11, 2015 8:10 AM

CaptainSnacks

Offline

Apr 2015

Annuvin said:
You can't just add a whole new column with text and everything using only CSS, that's not how it works. There's an option to enable 'tags' in your list settings, though. They appear on the right by default so there's really no need to touch anything in your code.

Now if you want to style the 'tags' column you could target it with something like td:nth-child(6) based on your current layout.

Thank you a ton! I'm unsure how that was unchecked becuase my previous list had Tags, but it works!

See All Discussions

» How to Export/Backup Your Anime List Automatically! (TamperMonkey Script) hacker09 - May 18, 2020	7	by Vapor_AU »» 3 hours ago
» The Poetry thread ( 1 2 3 4 5 ) TheConquerer - Sep 17, 2015	220	by 707supremacist »» 3 hours ago
» What software(s) and hardware(s) do you use for digital drawings? DesuMaiden - Apr 16	18	by 707supremacist »» 3 hours ago
» Share Your YouTube Channel/Videos! ( 1 2 3 4 5 ... Last Page ) nin-tendo - Dec 16, 2022	363	by nin-tendo »» 9 hours ago
» Protect or punish? DollzchanAi - Apr 18	4	by DollzchanAi »» Yesterday, 6:15 AM

I need help adding tags to my custom CSS

More topics from this board

» How to Export/Backup Your Anime List Automatically! (TamperMonkey Script)

» The Poetry thread ( 1 2 3 4 5 )

» What software(s) and hardware(s) do you use for digital drawings?

» Share Your YouTube Channel/Videos! ( 1 2 3 4 5 ... Last Page )

» Protect or punish?

MoreTop Anime

MoreTop Airing Anime

MoreMost Popular Characters