Albirew/nyaa-pantsu
Archivé
1
0
Bifurcation 0
Ce dépôt a été archivé le 2022-05-07. Vous pouvez voir ses fichiers ou le cloner, mais pas ouvrir de ticket ou de demandes d'ajout, ni soumettre de changements.
nyaa-pantsu/public/css/style.css

220 lignes
4,8 Kio
CSS
Brut Vue normale Historique

/* Night mode switcher */
.nightswitch {
position: fixed;
top: 12px;
right: 12px;
2017-05-07 18:19:37 +02:00
}
.nightswitch > a > img {
width: 24px;
}
2017-05-05 14:29:14 +02:00
/* Torrent status colors */
.remake {
2017-05-05 14:29:14 +02:00
background-color: rgb(240, 176, 128);
}
.trusted {
2017-05-05 14:29:14 +02:00
background-color: #a3e9a4;
}
.aplus {
2017-05-05 14:29:14 +02:00
background-color: #81d3fa;
}
2017-05-05 14:29:14 +02:00
/* modified copy of NyaaTorrent theme */
#mainmenu, #mainmenu .dropdown-menu{
2017-05-05 14:29:14 +02:00
background: #263238;
2017-05-05 12:46:47 +02:00
color: white;
}
#mainmenu {
position: fixed;
width: 100%;
2017-05-05 15:00:07 +02:00
z-index: 4;
2017-05-07 18:19:37 +02:00
border: 0px solid white;
}
2017-05-07 18:19:37 +02:00
#mainmenu a {
background: none;
color: white;
}
2017-05-05 14:29:14 +02:00
#mainmenu .divider {
background: black;
}
2017-05-07 18:19:37 +02:00
#container {
2017-05-05 14:29:14 +02:00
padding-top: 1.25em;
2017-05-06 06:20:19 +02:00
background: white;
}
2017-05-07 18:19:37 +02:00
#container.cont-home {
2017-05-06 07:06:45 +02:00
background: white url(/img/renchon.png) no-repeat;
}
2017-05-07 18:19:37 +02:00
#container.cont-view {
background: white url(/img/renchon.png) no-repeat;
background-size: 61px;
}
body {
2017-05-05 14:29:14 +02:00
background-color: #ececec;
color: #111111;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.torrentNav {
text-align: center;
}
2017-05-05 14:29:14 +02:00
.pagination > .active > a {
background: #ececec;
border-color: #ececec;
color: #337ab7; /* restore usual text color */
}
/* Links, Text */
a {
color: #106655;
text-decoration : none;
}
.download-btn {
2017-05-07 18:58:11 +02:00
font-size: 24px;
}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
border: none;
}
.torrent-info .name {
font-weight: bold;
overflow: hidden;
padding-bottom: 3px;
padding-top: 3px;
word-wrap: break-word;
}
2017-05-05 22:13:38 +02:00
.torrent-hash {
font-family: monospace;
}
.torrent-info .filesize {
white-space: nowrap;
2017-05-05 12:46:47 +02:00
}
2017-05-06 13:27:35 +02:00
.comment-row td:first-of-type {
vertical-align: top;
text-align: right;
}
/* Table style & fixes */
2017-05-05 15:00:07 +02:00
.table > tbody > tr > td {
/* fix bootstrap uglyness */
vertical-align: middle;
}
2017-05-05 22:09:41 +02:00
.table > tbody > tr > th, .table > tbody > tr > td {
padding: 4px;
}
2017-05-07 10:25:09 +02:00
.captcha-container {
display: grid;
grid-template-rows: auto;
grid-template-columns: 240px;
}
2017-05-05 22:29:39 +02:00
tr.torrent-info td.date {
white-space: nowrap;
}
2017-05-05 22:09:41 +02:00
2017-05-05 17:38:47 +02:00
.custom-table-hover > tbody > tr:hover {
opacity: 0.82;
}
2017-05-06 13:27:35 +02:00
.comment-row {
border-top: 1px solid #ddd;
}
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%;}
2017-05-05 23:25:46 +02:00
/* Mobile-friendly main table */
@media only screen and (max-width: 700px) {
table, thead, tbody, tr {
display: block;
}
th {
display: none;
}
td {
display: inline-block;
}
td:nth-of-type(1), td:nth-of-type(2) {
display: block;
}
.table > tbody > tr > td {
border: none;
}
}
2017-05-07 03:00:05 +02:00
/* Credit to bootsnipp.com for the css for the color graph */
.colorgraph {
height: 5px;
border-top: 0;
background: #c4e17f;
border-radius: 5px;
background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
2017-05-07 15:59:55 +02:00
}
.center-image {
max-width: 100%;
max-height: 80vh;
}
2017-05-07 20:12:16 +02:00
/* the curved edges triggered my autism */
.navbar {
border-radius: 0px;
}
2017-05-08 06:49:00 +02:00
:target {
background-color: #e5eecc;
}
2017-05-08 15:37:50 +02:00
#mainmenu button .search_text {
display: none;
}
#mainmenu .navbar-form select.form-control
{
width: 12rem;
}
.special-img
{
position: relative;
top: -5px;
float: left;
left: -5px;
}
#mainmenu .badgemenu .profile-image {
line-height: 35px;
}
#mainmenu .navbar-header, #mainmenu .navbar-nav, #mainmenu .navbar-form {
padding-top: 10px;
}
#mainmenu .badgemenu {
padding-top: 0;
}