diff --git a/public/css/style-night.css b/public/css/style-night.css index d7926659..4b9263d6 100644 --- a/public/css/style-night.css +++ b/public/css/style-night.css @@ -1,27 +1,44 @@ /*Don't make changes to layout here, only colours*/ /* Torrent status colors */ .remake { - background-color: #473e50; /*270,13%,28%*/ + /*270,13%,28%*/ + background-color: #473e50; } + .trusted { - background-color: #395045; /*150,17%,27%*/ + /*150,17%,27%*/ + background-color: #395045; } + .aplus { - background-color: #3c5b71; /*205,30%,34%*/ + /*205,30%,34%*/ + background-color: #3c5b71; } + .remake a { - color: #cfc2dc; /*270,26%,81%*/ + /*270,26%,81%*/ + color: #cfc2dc; } + .trusted a { - color: #bde0db; /*170,36%,81%*/ + /*170,36%,81%*/ + color: #bde0db; } + .remake a:hover { color: #cf9fff; } + .trusted a:hover { color: #6ae3d1; } -.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { + +.table > tbody > tr > td, +.table > tbody > tr > th, +.table > tfoot > tr > td, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > thead > tr > th { border-color: hsla(200,60%,70%,0.15); } @@ -60,26 +77,29 @@ background-image: url(/img/megumin.png); } -body, footer { +body, +footer { background-color: #282A2E; color: #eff5f5; } - .pagination > .active > a { background: #ececec; border-color: #ececec; - color: #337ab7; /* restore usual text color */ + /* restore usual text color */ + color: #337ab7; } /* Links, Text */ a { color: #a2c9dd; } + a:hover { color: #55c5ff; text-shadow: 1px 1px 0 #000; } + .btn-success { color: #fff; background-color: #b294bb; @@ -90,16 +110,21 @@ a:hover { background-color: #b294bb; } -.form-control, pre { +.form-control, +pre { color: #fff; background-color: #29363d } /* style the dropdown member menu */ -.nav > .dropdown.open, .profile-image[aria-expanded="true"], .nav ul.dropdown-menu { +.nav > .dropdown.open, +.profile-image[aria-expanded="true"], +.nav ul.dropdown-menu { background: #282A2E; } -.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { + +.dropdown-menu > li > a:focus, +.dropdown-menu > li > a:hover { background: #263238; } @@ -127,9 +152,11 @@ a:hover { border-bottom: .5em solid #fff; margin-bottom: -.5em; } + .modal-content { background: #29363d; } + .modal-content .close { color: #fff; } @@ -140,7 +167,6 @@ a:hover { } /*Comments*/ - .commentList .commentData { color: #fff; } @@ -153,6 +179,7 @@ a:hover { textarea.torrent-desc { background: none; } -.md-editor>textarea:focus { + +.md-editor > textarea:focus { background: none; } diff --git a/public/css/style.css b/public/css/style.css index 100a4d41..b472ac28 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -2,9 +2,11 @@ .remake { background-color: rgb(240, 176, 128); } + .trusted { background-color: #a3e9a4; } + .aplus { background-color: #81d3fa; } @@ -12,39 +14,47 @@ .container.remake { box-shadow: 0px 0px 30px 10px rgba(240, 176, 128, 0.6); } + .row.remake { margin-bottom: 0.5rem; color: rgb(119, 94, 140); - padding:2px 0; + padding: 2px 0; } + .container.trusted { box-shadow: 0px 0px 30px 10px rgba(163, 233, 164, 0.6); } + .row.trusted { margin-bottom: 0.5rem; color: rgb(119, 94, 140); - padding:2px 0; + padding: 2px 0; } + .container.aplus { box-shadow: 0px 0px 30px 10px rgba(129, 211, 250, 0.6); } + .row.aplus { margin-bottom: 0.5rem; color: rgb(119, 94, 140); - padding:2px 0; + padding: 2px 0; } /* modified copy of NyaaTorrent theme */ -#mainmenu, #mainmenu .dropdown-menu{ +#mainmenu, +#mainmenu .dropdown-menu { background: #263238; color: white; } + #mainmenu { position: fixed; width: 100%; z-index: 4; border: 0px solid white; } + #mainmenu a { background: none; color: white; @@ -59,6 +69,7 @@ background: white; } +/* This used to avoid usage of Javascript for switching images. */ #mascot { background-image: url(/img/renchon.png); width: 125px; @@ -67,7 +78,6 @@ bottom: 0px; left: 2%; } -/* This used to avoid usage of Javascript for switching images. */ body { background-color: #ececec; @@ -84,7 +94,8 @@ body { .pagination > .active > a { background: #ececec; border-color: #ececec; - color: #337ab7; /* restore usual text color */ + /* restore usual text color */ + color: #337ab7; } /* Links, Text */ @@ -125,15 +136,17 @@ td { .comment-row td:first-of-type { vertical-align: top; text-align: left; - color:#bbb; + color: #bbb; } -.md-editor > textarea, .md-preview { +.md-editor > textarea, +.md-preview { background: none !important; } /* Table style & fixes */ -.table > tbody > tr > th, .nowrap { +.table > tbody > tr > th, +.nowrap { white-space: nowrap; } @@ -142,7 +155,8 @@ td { vertical-align: middle; } -.table > tbody > tr > th, .table > tbody > tr > td { +.table > tbody > tr > th, +.table > tbody > tr > td { padding: 4px; } @@ -172,15 +186,34 @@ th a:hover { opacity: 0.25; } -div.container div.blockBody:nth-of-type(2) table{table-layout:fixed;} -div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:first-of-type, div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:nth-of-type(5){width:10%;} -div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:nth-of-type(3){width:15%;} -div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:nth-of-type(4){width:19%;} -div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:last-of-type{width:6%;} +div.container div.blockBody:nth-of-type(2) table { + table-layout: fixed; +} + +div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:first-of-type, +div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:nth-of-type(5) { + width: 10%; +} + +div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:nth-of-type(3) { + width: 15%; +} + +div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:nth-of-type(4) { + width: 19%; +} + +div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:last-of-type { + width: 6%; +} /* Mobile-friendly main table */ @media only screen and (max-width: 700px) { - table, thead, tbody, tr { + + table, + thead, + tbody, + tr { display: block; } @@ -192,7 +225,8 @@ div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:last-of-typ display: inline-block; } - td:nth-of-type(1), td:nth-of-type(2) { + td:nth-of-type(1), + td:nth-of-type(2) { display: block; } @@ -235,18 +269,15 @@ div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:last-of-typ display: none; } -#mainmenu .navbar-form select.form-control -{ +#mainmenu .navbar-form select.form-control { width: 12rem; } -#mainmenu .navbar-form select.form-control#max -{ +#mainmenu .navbar-form select.form-control#max { width: 6rem; } -.special-img -{ +.special-img { position: relative; top: -7px; float: left; @@ -257,13 +288,16 @@ div.container div.blockBody:nth-of-type(2) table tr:first-of-type th:last-of-typ line-height: 35px; } -#mainmenu .navbar-header, #mainmenu .navbar-nav, #mainmenu .navbar-form { +#mainmenu .navbar-header, +#mainmenu .navbar-nav, +#mainmenu .navbar-form { padding-top: 8px; } #mainmenu .badgemenu { padding-top: 0; - margin-right: -50px; /* Any order columns */ + /* Any order columns */ + margin-right: -50px; } /* PROFILE PAGE */ @@ -407,6 +441,7 @@ select#bottom_language_selector { #comments blockquote { color: #789922; } + #comments blockquote:before { content: ">"; } @@ -418,7 +453,9 @@ select#bottom_language_selector { } .proSeedBar { - width:100%; height: 0.5rem; overflow: hidden; + width: 100%; + height: 0.5rem; + overflow: hidden; } .proSeedBar .seeds { @@ -436,7 +473,8 @@ select#bottom_language_selector { .comment-date { font-size: smaller; - width: auto; /* Undo bootstrap's fixed width */ + /* Undo bootstrap's fixed width */ + width: auto; } .text-error { @@ -444,7 +482,6 @@ select#bottom_language_selector { } /* Wordbreak fix*/ - .break { word-break: break-all; hyphens: auto; @@ -463,7 +500,6 @@ select#bottom_language_selector { } /*Comments*/ - .commentList::before, .commentList::after { content: ""; @@ -516,7 +552,7 @@ select#bottom_language_selector { height: 2.2em; } -.commentList ul.comments ul{ +.commentList ul.comments ul { list-style-type: none; padding: 0; margin-left: 85px; @@ -536,7 +572,7 @@ select#bottom_language_selector { margin-left: 12%; } -@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { +@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .comment { width: 100%; @@ -545,42 +581,54 @@ select#bottom_language_selector { } @media (max-width: 995px) { + .navbar-header { float: none; } - .navbar-left,.navbar-right { + + .navbar-left, + .navbar-right { float: none !important; } + .navbar-toggle { display: block; } + .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } + .navbar-fixed-top { top: 0; border-width: 0 0 1px; } + .navbar-collapse.collapse { display: none!important; } + .navbar-nav { float: none!important; margin-top: 7.5px; } - .navbar-nav>li { + + .navbar-nav > li { float: none; } - .navbar-nav>li>a { + + .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; } - .collapse.in{ - display:block !important; + .collapse.in { + display: block !important; } } + @media (max-width: 1500px) { + #mascot { display: none; } diff --git a/templates/_user_list_torrents.html b/templates/_user_list_torrents.html index 0861b3f2..b2feb40f 100644 --- a/templates/_user_list_torrents.html +++ b/templates/_user_list_torrents.html @@ -33,7 +33,13 @@
{{.Date}}
{{.Filesize}}
++ {{if ne .Filesize "Unknown"}} + {{.Filesize}} + {{else}} + {{ call $.T "unknown"}} + {{end}} +