Merge pull request #1540 from NyaaPantsu/classic-theme
Actual classic theme
Cette révision appartient à :
kilo
GitHub
révision
3274a9f1ba
8 fichiers modifiés avec 409 ajouts et 10 suppressions
395
public/css/classic.css
Fichier normal
395
public/css/classic.css
Fichier normal
|
|
@ -0,0 +1,395 @@
|
|||
body {
|
||||
color: black;
|
||||
background: white;
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 0.9em;
|
||||
min-width: 1200px;
|
||||
}
|
||||
.torrent-info-data {
|
||||
font-family: Arial, sans-serif!important;
|
||||
}
|
||||
.torrent-info-data {
|
||||
width: 59%;
|
||||
}
|
||||
#torrent-view-data {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.container, .modtools {
|
||||
max-width: 1328px;
|
||||
width: 87%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #106655;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#content {
|
||||
top: 36px!important;
|
||||
}
|
||||
|
||||
.tr-cat {
|
||||
width: 87px!important;
|
||||
padding: 0 2px!important;
|
||||
}
|
||||
th.tr-cat {
|
||||
text-align: left;
|
||||
}
|
||||
th.tr-name a {
|
||||
display: none;
|
||||
}
|
||||
.tr-name {
|
||||
padding: 3px 0!important;
|
||||
font-weight: bold!important;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.tr-links {
|
||||
width: 29px;
|
||||
text-align: right;
|
||||
}
|
||||
.tr-links a {
|
||||
display: block;
|
||||
}
|
||||
.tr-size {
|
||||
width: 114px;
|
||||
}
|
||||
|
||||
.comment-count {
|
||||
display: inline!important;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tr-cs a{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mascot {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tr-cat div.nyaa-cat {
|
||||
border-color: #666!important;
|
||||
}
|
||||
|
||||
.icon-magnet:before {
|
||||
font-size: 14px;
|
||||
}
|
||||
.icon-floppy::before {
|
||||
content: '';
|
||||
}
|
||||
.icon-floppy {
|
||||
background: url("/img/dl-link.png") no-repeat center;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: url("/img/topbar.png") repeat-x black;
|
||||
background: linear-gradient(to bottom, #6d6d6d 0%, #000000 72%);
|
||||
border-color: black;
|
||||
height: 40px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.header .container>div {
|
||||
line-height: 40px;
|
||||
padding: 0 0.2rem;
|
||||
}
|
||||
.header .container {
|
||||
width: 1090px;
|
||||
}
|
||||
|
||||
.h-right {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.header .nav-btn {
|
||||
color: white;
|
||||
}
|
||||
.nav-btn .hide-md, .nav-btn.log-in span {
|
||||
display: inline!important;
|
||||
}
|
||||
.nav-btn .visible-md, .nav-btn.log-in div {
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
.header .form-input {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.form-input {
|
||||
border-radius: 0;
|
||||
height: 22px;
|
||||
color: black!important;
|
||||
font-size: 13px!important;
|
||||
border-color: grey!important;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.form-input.search-box {
|
||||
margin-right: auto;
|
||||
padding: 2px;
|
||||
}
|
||||
.form-input.search-box+.icon-search {
|
||||
margin-top: -4px;
|
||||
width: 67px;
|
||||
height: 22px;
|
||||
padding: 1px 6px;
|
||||
left: auto;
|
||||
top: auto;
|
||||
position: initial;
|
||||
border: 1px solid grey;
|
||||
background: linear-gradient(to bottom, #fff 0%, #d8d8d8 72%);
|
||||
}
|
||||
.form-input.search-box+.icon-search:active {
|
||||
background: linear-gradient(to bottom, #d8d8d8 0%, #fff 72%);
|
||||
|
||||
}
|
||||
|
||||
.form-input.search-box+.icon-search::before {
|
||||
content: "Search";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0;
|
||||
cursor: auto;
|
||||
}
|
||||
.form-input.refine {
|
||||
display: none;
|
||||
}
|
||||
select.form-input {
|
||||
padding: 0 4px;
|
||||
padding-right: 10px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.header .h-search .form-input {
|
||||
font-size: 100%;
|
||||
}
|
||||
.pagination li {
|
||||
border: 1px solid #666666;
|
||||
border-radius: 0!important;
|
||||
padding: 0.25em;
|
||||
min-width: auto;
|
||||
color: #106655;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.pagination li:hover {
|
||||
background-color: #339999;
|
||||
border: 1px solid #333333;
|
||||
color: #FBFBFB;
|
||||
}
|
||||
.results.box {
|
||||
padding: 1px!important;
|
||||
border-top: none;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
.box, #description-box, .comment-box, .comment-submit,input#show-filelist:checked~#filelist {
|
||||
background-color: #FBFBFB;
|
||||
border: 2px solid #666666;
|
||||
}
|
||||
#description-box {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.form-input {
|
||||
border-color: #c4c4c4 !important;
|
||||
background: #fff;
|
||||
color: #676767;
|
||||
}
|
||||
.header .h-user .user-avatar {
|
||||
background: black;
|
||||
border-color: #3c3c3c;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.torrent-info-data.uploader-link {
|
||||
font-weight: bold;
|
||||
}
|
||||
.torrent-info-data.uploader-anon {
|
||||
font-style: italic;
|
||||
}
|
||||
.torrent-info-data.uploader-link a, .torrent-info-data.uploader-anon a{
|
||||
color: green;
|
||||
}
|
||||
|
||||
#torrent-description-hr {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.torrent-hr {
|
||||
font-size: 1em;
|
||||
}
|
||||
.torrent-hr::after {
|
||||
content: ':';
|
||||
}
|
||||
#torrent-name h1::after {
|
||||
content: '';
|
||||
}
|
||||
#torrent-name {
|
||||
font-size: 1.26em;
|
||||
}
|
||||
|
||||
.header .h-user .user-menu {
|
||||
|
||||
background: linear-gradient(to bottom, #000000 0%, #2b2b2b 72%);
|
||||
}
|
||||
|
||||
.torrent-info-label {
|
||||
width: 11%;
|
||||
}
|
||||
|
||||
.torrent-buttons {
|
||||
float: right;
|
||||
margin-top: 7px;
|
||||
}
|
||||
.torrent-buttons a{
|
||||
height: 26px!important;
|
||||
background: linear-gradient(to bottom, #33ca98 0%, #336867 72%);
|
||||
color: white!important;
|
||||
opacity: 1!important;
|
||||
line-height: 23px;
|
||||
font-size: 16px!important;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
padding: 2px 7px;
|
||||
margin-right: 6px;
|
||||
float: left;
|
||||
}
|
||||
.torrent-buttons a.hidden {
|
||||
opacity: 0.6!important;
|
||||
filter: grayscale(0.7);
|
||||
}
|
||||
.torrent-buttons a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.torrent-buttons [class*="icon-"]::before {
|
||||
display: none;
|
||||
}
|
||||
th, th a {
|
||||
color: black;
|
||||
}
|
||||
th {
|
||||
border-bottom-width: 1px;
|
||||
font-size: 0.9em;
|
||||
vertical-align: bottom;
|
||||
padding-bottom: 0!important;
|
||||
}
|
||||
|
||||
td {
|
||||
font-size: 0.9em;
|
||||
padding: 2px 0!important;
|
||||
|
||||
}
|
||||
.results td {
|
||||
border-bottom: 1px solid #666666!important;
|
||||
border-top: 1px solid #666666!important;
|
||||
}
|
||||
td a {
|
||||
color: #106655;
|
||||
}
|
||||
td.tr-se, .success-text {
|
||||
color: green;
|
||||
}
|
||||
.results.box td.tr-se {
|
||||
border-left: 1px solid #666666;
|
||||
}
|
||||
|
||||
td.tr-le, .error-text {
|
||||
color: red;
|
||||
}
|
||||
td.tr-size {
|
||||
border-left: 1px solid #666666;
|
||||
border-right: 1px solid #666666;
|
||||
}
|
||||
.tr-se,.tr-le,.tr-dl {
|
||||
text-align: left;
|
||||
width: 60px;
|
||||
}
|
||||
.results.box .tr-se {
|
||||
padding-left: 4px!important;
|
||||
}
|
||||
.btn-red {
|
||||
background-color: #E84C4C;
|
||||
color: #E8E8E8!important;
|
||||
}
|
||||
|
||||
.btn-red:hover {
|
||||
color: #E8E8E8;
|
||||
}
|
||||
|
||||
.torrent-aplus, .aplus, .btn-blue {
|
||||
background: #6fc6f1;
|
||||
}
|
||||
|
||||
.trusted, .btn-green, .torrent-trusted {
|
||||
background: #98d9a8;
|
||||
}
|
||||
|
||||
.torrent-remake, .remake, .btn-orange {
|
||||
background: #f0b080;
|
||||
}
|
||||
|
||||
.header .h-search select.form-input, .form-input.search-box {
|
||||
max-width: 140px!important;
|
||||
width: 140px;
|
||||
}
|
||||
.header .h-user .user-info {
|
||||
line-height: 40px;
|
||||
}
|
||||
.header .h-user .nav-btn {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.pagination .active, .pagination .active:hover {
|
||||
background: white;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
color: #106655;
|
||||
}
|
||||
|
||||
a.nav-btn.log-in {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.box.refine {
|
||||
border-bottom: none;
|
||||
display:block!important;
|
||||
padding: 8px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
.box.refine.refine-not-search {
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
.refine h3 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tr-cs {
|
||||
width: 30px;
|
||||
text-align: right;
|
||||
font-size: 0.9em!important;
|
||||
}
|
||||
}
|
||||
.tr-date {
|
||||
width: 96px;
|
||||
}
|
||||
|
||||
.modtools {
|
||||
background-color: #F7F8F9;
|
||||
border-color: #cbbdd7;
|
||||
}
|
||||
|
||||
.h-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#browse-link {
|
||||
display: inline-block!important;
|
||||
}
|
||||
|
||||
.torrent-preview-table{
|
||||
display: none!important;
|
||||
}
|
||||
.results table {
|
||||
|
||||
}
|
||||
BIN
public/img/dl-link.png
Fichier normal
BIN
public/img/dl-link.png
Fichier normal
Fichier binaire non affiché.
|
Après Largeur: | Hauteur: | Taille: 393 o |
BIN
public/img/topbar.png
Fichier normal
BIN
public/img/topbar.png
Fichier normal
Fichier binaire non affiché.
|
Après Largeur: | Hauteur: | Taille: 228 o |
|
|
@ -12,7 +12,7 @@
|
|||
<button type="submit" class="form-input icon-search"></button><button type="submit" class="form-input refine" name="refine" value="1">{{ T("refine")}}</button>
|
||||
{{end}}
|
||||
{{block search_refine(url="") }}
|
||||
<div style="{{ if !Search.ShowRefine }}display:none;{{ end }}" class="box refine">
|
||||
<div {{ if !Search.ShowRefine }}style="display: none;"{{end}} class="box refine{{if URL.String() != "/" && !kilo_strcmp(URL.String(), "/search", 7, 1) }} refine-not-search{{end}}">
|
||||
</span>
|
||||
<form method="GET" action="{{ url }}">
|
||||
<h3>{{ T("refine_search") }}</h3>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,10 @@
|
|||
</a>
|
||||
</div>
|
||||
<div class="h-nav">
|
||||
<a href="{{URL.Parse("/")}}" class="nav-btn" id="browse-link" style="display: none;">
|
||||
<div class="icon-upload visible-md"></div>
|
||||
<span class="hide-md">Browse</span>
|
||||
</a>
|
||||
<a href="{{URL.Parse("/upload")}}" class="nav-btn">
|
||||
<div class="icon-upload visible-md"></div>
|
||||
<span class="hide-md">{{ T("upload") }}</span>
|
||||
|
|
|
|||
|
|
@ -42,6 +42,7 @@
|
|||
<span class="sort-arrows">{{ genSortArrows(URL, "7")|raw }}</span>
|
||||
</a>
|
||||
</th>
|
||||
<!-- <th><span class="glyphicon glyphicon-comment"></span></th> -->
|
||||
<th class="tr-date hide-xs"><a href="{{ genSearchWithOrdering(URL, "2") }}">
|
||||
{{ T("date")}}
|
||||
<span class="sort-arrows">{{ genSortArrows(URL, "2")|raw }}</span>
|
||||
|
|
|
|||
|
|
@ -7,12 +7,12 @@
|
|||
{{ import "layouts/partials/helpers/tag_form" }}
|
||||
{{block title()}}{{Torrent.Name}}{{end}}
|
||||
{{block content_body()}}
|
||||
<div style="text-align: left;" class="box">
|
||||
<div style="text-align: left;" class="box {{if Torrent.Status == 2}}torrent-remake{{else if Torrent.Status == 3}}torrent-trusted{{else if Torrent.Status == 4}}torrent-aplus{{end}}">
|
||||
<div id="torrent-name" class="{{if Torrent.Status == 2}}remake{{else if Torrent.Status == 3}}trusted{{else if Torrent.Status == 4}}aplus{{end}}">
|
||||
<h1 style="text-align: center;" class="torrent-hr">{{Torrent.Name}}</h1>
|
||||
</div>
|
||||
<br/>
|
||||
<table>
|
||||
<table id="torrent-view-data">
|
||||
<tr class="torrent-info-row">
|
||||
<td class="torrent-info-td torrent-info-label">{{ T("category") }}:</td>
|
||||
<td class="torrent-view-td torrent-info-data">
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
</tr>
|
||||
<tr class="torrent-info-row">
|
||||
<td class="torrent-info-td torrent-info-label">{{ T("uploaded_by") }}:</td>
|
||||
<td class="torrent-view-td torrent-info-data">{{ genUploaderLink(Torrent.UploaderID, Torrent.UploaderName, Torrent.Hidden)|raw }}</td>
|
||||
<td class="torrent-view-td torrent-info-data {{if Torrent.UploaderID == 0}}uploader-anon{{else}}uploader-link{{end}}">{{ genUploaderLink(Torrent.UploaderID, Torrent.UploaderName, Torrent.Hidden)|raw }}</td>
|
||||
<td class="torrent-info-td torrent-info-label">{{ T("seeders")}}:</td>
|
||||
<td class="tr-se torrent-info-td">{{if Torrent.LastScrape.IsZero}}{{ T("unknown")}}{{else}}{{Torrent.Seeders}}{{end}}</td>
|
||||
</tr>
|
||||
|
|
@ -131,7 +131,7 @@
|
|||
</table>
|
||||
<div class="torrent-buttons">
|
||||
<a href="{{Torrent.Magnet}}" class="form-input btn-green download" style="float:left;height: auto;margin-right: 0.5em;">
|
||||
<div class="icon-magnet"></div> {{ T("magnet_link")}}
|
||||
<div class="icon-magnet"></div>{{ T("magnet_link")}}
|
||||
</a>
|
||||
<a href="{{Torrent.TorrentLink}}" class="form-input download{{ if !torrentFileExists(Torrent.Hash, Torrent.TorrentLink)}} hidden{{end}}" style="float:left;height: auto;">
|
||||
<div class="icon-floppy"></div> {{ T("torrent_file")}}
|
||||
|
|
@ -148,16 +148,14 @@
|
|||
{{end}}
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
<p class="torrent-hr">{{ T("description")}}</p>
|
||||
<p class="torrent-hr" id="torrent-description-hr">{{ T("description")}}</p>
|
||||
{{ if Torrent.Description != ""}}
|
||||
<div id="description-box" class="torrent-info-box">{{Torrent.Description|raw}}</div>
|
||||
{{else}}
|
||||
<p>{{ T("no_description") }}</p>
|
||||
{{end}}
|
||||
<input type="checkbox" id="show-filelist" {{if len(Torrent.FileList) < 4 && len(Torrent.FileList) > 0}}checked{{end}}/>
|
||||
<label class="torrent-hr filelist-control{{if len(Torrent.FileList) == 0}} hidden{{end}}" for="show-filelist">
|
||||
{{ T("files")}}
|
||||
</label>
|
||||
<label class="torrent-hr filelist-control{{if len(Torrent.FileList) == 0}} hidden{{end}}" for="show-filelist">{{ T("files")}}</label>
|
||||
<div class="torrent-info-box{{if len(Torrent.FileList) == 0}} hidden{{end}}" id="filelist">
|
||||
{{ if len(Torrent.FileList) > 0 }}
|
||||
{* how do i concat lol *}
|
||||
|
|
@ -186,7 +184,7 @@
|
|||
<p>{{element.Content|raw}}</p>
|
||||
</div>
|
||||
{{end}}
|
||||
<div style="margin-top: 10px" class="torrent-info-box">
|
||||
<div style="margin-top: 10px" class="torrent-info-box comment-submit">
|
||||
<form method="post">
|
||||
{{ yield csrf_field()}}
|
||||
<div class="comment-form">
|
||||
|
|
|
|||
|
|
@ -20,6 +20,7 @@
|
|||
<select id="theme-selector" name="theme" class="form-input" onchange="switchThemes()">
|
||||
<option value="g"{{ if Theme == "g" || Theme == "" }} selected{{end}}>/g/</option>
|
||||
<option value="tomorrow"{{ if Theme == "tomorrow" }} selected{{end}}>Tomorrow</option>
|
||||
<option value="classic"{{ if Theme == "classic" }} selected{{end}}>nyaa.se (Beta)</option>
|
||||
<option value="classic_colors"{{ if Theme == "classic_colors" }} selected{{end}}>Classic Colors</option>
|
||||
</select>
|
||||
</span>
|
||||
|
|
|
|||
Référencer dans un nouveau ticket