Skip to content

Instantly share code, notes, and snippets.

@voaii
Created April 21, 2023 19:03
Show Gist options
  • Select an option

  • Save voaii/de3de98b83fbaa331a2a8ed26e3c9782 to your computer and use it in GitHub Desktop.

Select an option

Save voaii/de3de98b83fbaa331a2a8ed26e3c9782 to your computer and use it in GitHub Desktop.
@import url('https://ianon.app/static/styles/apollostage_sunset/style.css');
/****************/
/* TEXTS COLORS */
/****************/
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.linkbox > strong,
.alertbar,
.tooltipster-default .tooltipster-content a:hover,
#musicbrainz_popup a:hover {
color: #78c9b1;
}
.poll .graph span {
background-color: #78c9b1;
}
a:hover,
.tags a:hover,
#userform #settings_sections h2 a:hover {
color: #caeee5;
}
svg|a:hover {
fill: #caeee5;
}
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected,
#menu > ul a:hover,
#userinfo_minor:hover a:hover,
#userinfo_username:hover a:hover {
background-color: #caeee5;
}
#noty_bottomRight_layout_container .noty_buttons a:hover {
color: #caeee5 !important;
}
.forum_post.forum_unread {
border-top: 2px solid #caeee5;
}
/***************/
/* MENU COLORS */
/***************/
#menu li {
background: rgb(180,180,180);
background: linear-gradient(0deg, rgb(180, 180, 180) 0%, rgb(250, 250, 250) 100%);
}
#menu li:nth-child(10) {
background: transparent;
}
#menu li:nth-child(10) a {
color: #ffffff;
}
@media (min-width: 480px) {
#menu > ul > #nav_staff > a:hover {
color: #dddddd;
}
}
#userinfo_username, #userinfo_minor {
background: rgb(180,180,180);
background: linear-gradient(0deg, rgb(180, 180, 180) 0%, rgb(250, 250, 250) 100%);
}
@media screen and (min-width: 481px) {
#menu li, #userinfo_username, #userinfo_minor {
text-shadow: 0px 1px 2px rgba(255,255,255,0.5);
}
#menu a, #menu > ul a:hover {
color: #363636;
}
#menu > ul li.active a {
color: #363636;
}
#userinfo_username li a, #userinfo_username:hover li a, #userinfo_username li a:hover,
#userinfo_minor li a, #userinfo_minor:hover li a, #userinfo_minor li a:hover {
color: #363636;
}
}
/***************/
/* PAGE COLORS */
/***************/
body {
background-color: #181818;
}
table {
margin: 10px 0px 20px 0;
}
/***********/
/* SHADOWS */
/***********/
form.search_form {
overflow: visible;
}
form.edit_form .main_columnm, form.edit_form .sidebar {
overflow: hidden;
}
#content > .thin, .box, .box2, .main_column, .sidebar, form table {
overflow: visible;
}
#main_site_menu, .forum_list > table, .box:not(.filter_torrents), .torrent_table, .collage_table, .forum_index, #content .search_form {
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.12) 0px 2px 2px, rgba(0,0,0,0.2) 0px 4px 14px;
}
#content .box.pad .search_form, #content .box .pad form {
box-shadow: none;
}
@media screen and (min-width: 481px) {
.colhead td, .colhead_dark td, .head {
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px,inset rgba(0,0,0,0.1) 0px -1px 0px, #353535 0px 1px 0px;
}
}
body #content .search_form {
padding: 0.1px;
}
.torrent_table tr:nth-child(odd), .message_table tr:nth-child(odd) {
background-color: #232323 !important;
}
.torrent_table tr:nth-child(even), .message_table tr:nth-child(even) {
background-color: #262626 !important;
}
.box.pad {
border: 0px !important;
}
/***************/
/* OBJS COLORS */
/***************/
table .rowa:nth-child(odd),
table .rowb:nth-child(odd),
table .a:nth-child(odd),
table .b:nth-child(odd),
.colhead,
.colhead_dark,
input[type=email],
input[type=password],
input[type=text],
input[type=search],
select,
textarea,
.head,
#searchbars > ul,
.torrent_table .group,
#discog_table > div.box.center,
.filelist_table td,
.reportinfo_table,
.torrentdetails,
blockquote {
background-color: #232323;
}
table,
table .rowa:nth-child(even),
table .rowb:nth-child(even),
table .a:nth-child(even),
table .b:nth-child(even),
form,
.box,
.box2,
#searchbars > ul input,
#noty_bottomRight_layout_container .noty_buttons,
.group_torrent {
background-color: #262626;
}
.group_torrent.edition,
.torrent,
#dnulist tr:not(.colhead):not(.colhead_dark):nth-child(odd),
blockquote {
background-color: #262626;
}
table .a,
table .b,
table .rowa,
table .rowb,
.torrent_table tr:not(.colhead):not(.colhead_dark),
.box table:not(.layout),
.box2 table:not(.layout) {
border-top: 1px solid rgba(255,255,255,0.01);
}
.torrent_table,
#searchbars .search_form input:focus {
background-color: #363636;
}
/***************/
/* CATS COLORS */
/***************/
.cats_applications {
background-color: #54d1f1;
}
.cats_audiobooks {
background-color: #c7ca76;
}
.cats_comedy {
background-color: #ca9a76;
}
.cats_comics {
background-color: #9f76ca;
}
.cats_ebooks {
background-color: #94ca76;
}
.cats_elearningvideos {
background-color: #ca76c5;
}
/*************/
/* CONTAINER */
/*************/
#main_site_menu {
border-radius: 6px;
margin-bottom: 10px;
}
#wrapper {
max-width: 1400px;
}
img {
border-radius: 6px;
}
.avatar {
background-color: #232323;
right: 1px solid #292929;
}
.avatar_container img {
border-radius: 0px;
}
button, input[type=button], input[type=submit], input[type=email], input[type=password], input[type=text], input[type=search], select, textarea {
border-radius: 6px;
}
#menu {
border-radius: 6px;
}
#menu > ul li.active a, #menu > ul a:hover, #userinfo_username:hover a:hover, #userinfo_minor:hover a:hover, #userinfo_major:hover a:hover, #userinfo_stats:hover a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
#menu li:nth-child(1), #menu li:nth-child(2), #menu li:nth-child(3), #menu li:nth-child(4), #menu li:nth-child(5), #menu li:nth-child(6), #menu li:nth-child(7), #menu li:nth-child(8), #menu li:nth-child(9) {
text-transform: uppercase;
}
#userinfo_minor::before {
-webkit-filter: invert(100%);
filter: invert(100%);
}
#nav_userinfo {
border-radius: 0 6px 0 0;
}
#userinfo_minor {
border-radius: 0 6px 6px 0;
cursor: pointer;
}
#searchbars > ul {
background-color: transparent;
}
#searchbars .search_form input {
border-radius: 6px;
}
form {
border-radius: 6px;
}
.box {
padding-bottom: 12px;
}
.box.pad .search_form, .search_form .filter_torrents, .search_form .filter_torrents div.submit, .searchbars .search_form, .sidebar .search_form {
border-radius: 6px;
}
.cats_applications, .cats_audiobooks, .cats_comedy, .cats_comics, .cats_ebooks, .cats_elearningvideos {
right: 0px;
width: 4px;
opacity: 1;
}
#top10 .cats_col .cats_applications, #top10 .cats_col .cats_audiobooks, #top10 .cats_col .cats_comedy, #top10 .cats_col .cats_comics, #top10 .cats_col .cats_ebooks, #top10 .cats_col .cats_elearningvideos {
right: 0px;
width: 4px;
}
#top10 td:not(.cats_col) .cats_applications, #top10 td:not(.cats_col) .cats_audiobooks, #top10 td:not(.cats_col) .cats_comedy, #top10 td:not(.cats_col) .cats_comics, #top10 td:not(.cats_col) .cats_ebooks #top10 td:not(.cats_col) .cats_elearningvideos {
width: 0px;
}
table {
border-radius: 6px;
overflow: hidden !important;
}
.box, #more_news .head {
border-radius: 6px;
}
.head {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.req-choice {
vertical-align: top;
}
form input {
vertical-align: baseline;
}
table.forum_index tr td, table.message_table tr td {
line-height: 26px;
}
table td.td_forum h4 {
font-weight: bold;
}
.wrap_overflow, .wrap_overflow a, .filelist_table td, .reportinfo_table, .torrentdetails blockquote {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.sidebar .box #covers {
padding: 20px;
}
.tl_free:before, .tl_free:after {
z-index: -1;
position: absolute;
top: 0px;
content: "";
border-radius: 10px;
background-color: #141414;
width: 100%;
height: 19px;
display: block;
/* box-shadow: inset rgba(0,0,0,0.3) 0px 1px 3px,rgba(255,255,255,0.08) 0px 1px 0px;*/
}
.tl_free:before {
left: -8px;
}
.tl_free:after {
right: -8px;
}
.tl_free {
margin-left: 14px;
display: inline-block;
background-color: transparent;
padding: 0px 4px 0px 4px;
z-index: 1;
color: #fed360;
position: relative;
text-shadow: 0px 1px 2px rgba(0,0,0,1);
}
.poll .graph {
border-radius: 4px;
overflow: hidden;
}
#collage ul.collage_images li {
width: 18%;
margin: 1%;
}
#collage ul.collage_images li a img {
border-radius: 14px;
}
#upload #content > div {
min-width: 100%;
}
@media screen and (min-width: 481px) {
#menu > ul, #inbox .body, #userinfo_username #nav_userinfo > a {
font-size: 16px;
}
#menu li:nth-child(1), #menu li:nth-child(2), #menu li:nth-child(3), #menu li:nth-child(4), #menu li:nth-child(5), #menu li:nth-child(6), #menu li:nth-child(7), #menu li:nth-child(8), #menu li:nth-child(9) {
border-right: 1px solid #afafaf;
}
#userinfo_username, #userinfo_minor {
border-left: 1px solid #afafaf;
}
#collage ul.collage_images li {
width: 8%;
margin: 1%;
}
#collage ul.collage_images li a img {
border-radius: 21px;
}
}
@media (min-width: 481px) and (max-width: 639px) {
#menu > ul, #inbox .body, #userinfo_username #nav_userinfo > a, .forum_post td.body, .box.news_post {
font-size: 10px;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
#menu > ul, #inbox .body, #userinfo_username #nav_userinfo > a {
font-size: 14px;
}
}
@media (max-width: 768px) {
#forums input {
padding: 0 8px;
font-size: 14px;
}
div .forum_post .body img {
max-width: 100%;
}
}
@media (max-width: 480px) {
#searchbars {
margin-bottom: 8px;
}
#searchbars > ul {
flex-wrap: wrap;
gap: 6px;
}
#searchbars > ul li {
margin: 0px 0px 0px 0px;
flex: 0 0 31.5%;
}
#searchbars > ul li:last-child {
margin: 0px 0px 0px 0px;
}
#searchbars > ul li#searchbar_log {
display: none;
}
#searchbars li .search_form {
padding: 0px !important;
}
#forums input {
padding: 0 8px;
font-size: 15px;
}
.forum_post td.body {
width: auto;
padding-left: 12px;
}
.forum_post .avatar {
max-width: 60px;
padding: 0px;
width: 60px;
}
.forum_post .avatar img {
max-width: 60px !important;
min-width: 60px;
}
.user_mobile_menu_toggle {
border-radius: 6px;
}
#main_site_menu li a, .user_mobile_menu_toggle #userinfo_username #nav_userinfo a, .user_mobile_menu_toggle #userinfo_major > li a, .user_mobile_menu_toggle #userinfo_minor > li a, .user_mobile_menu_toggle #nav_userinfo a, .user_mobile_menu_toggle #nav_useredit a, .user_mobile_menu_toggle #nav_logout a, #userinfo_stats li {
background-color: #262626;
border-top: 1px solid rgba(255, 255, 255, 0.04);
}
#menu > ul li.active a, #menu > ul a:hover, #userinfo_username:hover a:hover, #userinfo_minor:hover a:hover, #userinfo_major:hover a:hover, #userinfo_stats:hover a:hover {
background-color: rgba(255, 255, 255, 0.07);
}
#main_site_menu, .user_mobile_menu_toggle {
box-shadow: inset rgba(255,255,255,0.1) 0px 1px 0px, rgba(0,0,0,0.12) 0px 2px 2px, rgba(0,0,0,0.1) 0px 4px 14px;
}
#upload #content > div {
max-width: 100%;
}
}
/*****************/
/* SHADOWS FIXES */
/*****************/
#user #userform {
display: flex;
flex-flow: row wrap;
flex: 0 0 100%;
}
.box, .box2 {
margin-top: 10px;
}
@media (max-width: 480px) {
.settings_sidebar {
width: 100%;
}
}
@media screen and (min-width: 481px) {
.settings_sidebar {
margin-right: 8px;
}
#userform #settings_sections {
width: 100%;
position: relative;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment