User:CDB-Man/cdbuser.css: Difference between revisions
(usercss) |
(main page blocks) |
||
(13 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* ============ testing code goes above =============== */ | /* ============ testing code goes above =============== */ | ||
/* | /* move the "next page" button to beside the "prev page" button */ | ||
#layout-main ul.jump li.next { | |||
{ | float: left; | ||
} | |||
/* move the sent messages button to the top of the my messages page | |||
move various "back" buttons on messaging pages to the top of the page */ | |||
#layout-main > div.g_content.msg_all > div:not(.form)+ul.g_list.links { | |||
position: absolute; | |||
top: 16.4em; | |||
left: 60em; | |||
} | } | ||
#layout- | @media screen and (max-width: 800px){ | ||
{ | #layout-main > div.g_content.msg_all > div:not(.form)+ul.g_list.links { | ||
top: 26em; | |||
left: 14em; | |||
} | } | ||
} | } | ||
/* ============ above to be moved to cdbstyle other features section =============== */ | |||
/* disable tab wrapping on show-creq*/ | /* disable tab wrapping on show-creq*/ | ||
Line 27: | Line 31: | ||
#layout-main div.main_all #latestended, | #layout-main div.main_all #latestended, | ||
#layout-main div.main_all #similaranime, | #layout-main div.main_all #similaranime, | ||
#layout-main div.main_all #latestaired, | #layout-main div.main_all #latestaired, | ||
#layout-main div.main_all # | #layout-main div.main_all #bestof70s, | ||
#layout-main div.main_all # | #layout-main div.main_all #bestof80s, | ||
#layout-main div.main_all #bestof90s, | |||
#layout-main div.main_all #bestof00s | |||
{ | { | ||
display: block !important; | display: block !important; | ||
Line 39: | Line 43: | ||
#layout-main div.main_all #latestended {order: 2;} | #layout-main div.main_all #latestended {order: 2;} | ||
#layout-main div.main_all #similaranime {order: 3;} | #layout-main div.main_all #similaranime {order: 3;} | ||
#layout-main div.main_all # | #layout-main div.main_all #latestaired {order: 4;} | ||
#layout-main div.main_all # | #layout-main div.main_all #bestof70s {order: 5;} | ||
#layout-main div.main_all # | #layout-main div.main_all #bestof80s {order: 6;} | ||
#layout-main div.main_all # | #layout-main div.main_all #bestof90s {order: 7;} | ||
#layout-main div.main_all # | #layout-main div.main_all #bestof00s {order: 8;} | ||
/* hide the mouseover image for .restricted */ | /* hide the mouseover image for .restricted */ |
Latest revision as of 23:14, 25 June 2016
/* ============ testing code goes above =============== */ /* move the "next page" button to beside the "prev page" button */ #layout-main ul.jump li.next { float: left; } /* move the sent messages button to the top of the my messages page move various "back" buttons on messaging pages to the top of the page */ #layout-main > div.g_content.msg_all > div:not(.form)+ul.g_list.links { position: absolute; top: 16.4em; left: 60em; } @media screen and (max-width: 800px){ #layout-main > div.g_content.msg_all > div:not(.form)+ul.g_list.links { top: 26em; left: 14em; } } /* ============ above to be moved to cdbstyle other features section =============== */ /* disable tab wrapping on show-creq*/ #layout-main div.creq_all div.tabbed_pane ul.tabs { display: inherit; } /*main page block reordering*/ #layout-main div.main_all #hotanime, #layout-main div.main_all #latestended, #layout-main div.main_all #similaranime, #layout-main div.main_all #latestaired, #layout-main div.main_all #bestof70s, #layout-main div.main_all #bestof80s, #layout-main div.main_all #bestof90s, #layout-main div.main_all #bestof00s { display: block !important; /* display: none !important; */ } #layout-main div.main_all #hotanime {order: 1;} #layout-main div.main_all #latestended {order: 2;} #layout-main div.main_all #similaranime {order: 3;} #layout-main div.main_all #latestaired {order: 4;} #layout-main div.main_all #bestof70s {order: 5;} #layout-main div.main_all #bestof80s {order: 6;} #layout-main div.main_all #bestof90s {order: 7;} #layout-main div.main_all #bestof00s {order: 8;} /* hide the mouseover image for .restricted */ .restricted #imagepreview img { display: none !important; } /* hide images from quicksearch */ /*#layout-search ul.quicksearch li.g_bubble.stripe div.thumb { display: none; } #layout-search ul.quicksearch .g_bubble.stripe { min-height: 4.4em; } #layout-search ul.quicksearch .g_bubble.stripe div.data { margin: 0.5em 0.5em 0.5em 0.5em; }*/