Frontend aesthetic (#1015)
* Make view page not shitty * View page <td> now ellipses on overflow * Make flags not look shitty * Updated mufuyu sound * Updated multiple flag * Updated other flag (thanks anon)
Cette révision appartient à :
kipukun
ewhal
Parent
036cd9f5ce
révision
5bc922781c
8 fichiers modifiés avec 60 ajouts et 58 suppressions
Fichier binaire non affiché.
|
Avant Largeur: | Hauteur: | Taille: 923 o Après Largeur: | Hauteur: | Taille: 349 o |
Fichier binaire non affiché.
|
Avant Largeur: | Hauteur: | Taille: 1,1 Kio Après Largeur: | Hauteur: | Taille: 252 o |
|
|
@ -4,88 +4,88 @@
|
|||
|
||||
.flag {
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
width: 16px;
|
||||
height: 11px;
|
||||
background: url('flags.png') no-repeat;
|
||||
}
|
||||
|
||||
|
||||
.flag.flag-ru {
|
||||
background-position: 0 -96px;
|
||||
}
|
||||
|
||||
.flag.flag-hu {
|
||||
background-position: 0 -32px;
|
||||
}
|
||||
|
||||
.flag.flag-nl {
|
||||
background-position: -32px -64px;
|
||||
}
|
||||
|
||||
.flag.flag-ro {
|
||||
background-position: -128px -64px;
|
||||
.flag.flag-cn {
|
||||
background-position: -16px 0;
|
||||
}
|
||||
|
||||
.flag.flag-se {
|
||||
background-position: -32px -96px;
|
||||
background-position: -16px -33px;
|
||||
}
|
||||
|
||||
.flag.flag-th {
|
||||
background-position: -64px -96px;
|
||||
}
|
||||
|
||||
.flag.flag-pt {
|
||||
background-position: -96px -64px;
|
||||
}
|
||||
|
||||
.flag.flag-no {
|
||||
background-position: -64px -64px;
|
||||
}
|
||||
|
||||
.flag.flag-kr {
|
||||
background-position: -128px -32px;
|
||||
background-position: -32px -33px;
|
||||
}
|
||||
|
||||
.flag.flag-mx {
|
||||
background-position: 0 -64px;
|
||||
background-position: 0 -22px;
|
||||
}
|
||||
|
||||
.flag.flag-de {
|
||||
background-position: -64px 0;
|
||||
.flag.flag-pt {
|
||||
background-position: -48px -22px;
|
||||
}
|
||||
|
||||
.flag.flag-ro {
|
||||
background-position: -64px -22px;
|
||||
}
|
||||
|
||||
.flag.flag-no {
|
||||
background-position: -32px -22px;
|
||||
}
|
||||
|
||||
.flag.flag-es {
|
||||
background-position: -48px 0;
|
||||
}
|
||||
|
||||
.flag.flag-tw {
|
||||
background-position: -96px -96px;
|
||||
background-position: -48px -33px;
|
||||
}
|
||||
|
||||
.flag.flag-fr {
|
||||
background-position: -128px 0;
|
||||
.flag.flag-ru {
|
||||
background-position: 0 -33px;
|
||||
}
|
||||
|
||||
.flag.flag-it {
|
||||
background-position: -64px -32px;
|
||||
}
|
||||
|
||||
.flag.flag-cn {
|
||||
background-position: -32px 0;
|
||||
}
|
||||
|
||||
.flag.flag-is {
|
||||
background-position: -32px -32px;
|
||||
}
|
||||
|
||||
.flag.flag-jp {
|
||||
background-position: -96px -32px;
|
||||
.flag.flag-kr {
|
||||
background-position: -64px -11px;
|
||||
}
|
||||
|
||||
.flag.flag-br {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.flag.flag-us {
|
||||
background-position: -128px -96px;
|
||||
.flag.flag-it {
|
||||
background-position: -32px -11px;
|
||||
}
|
||||
|
||||
.flag.flag-es {
|
||||
background-position: -96px 0;
|
||||
.flag.flag-nl {
|
||||
background-position: -16px -22px;
|
||||
}
|
||||
|
||||
.flag.flag-fr {
|
||||
background-position: -64px 0;
|
||||
}
|
||||
|
||||
.flag.flag-de {
|
||||
background-position: -32px 0;
|
||||
}
|
||||
|
||||
.flag.flag-jp {
|
||||
background-position: -48px -11px;
|
||||
}
|
||||
|
||||
.flag.flag-hu {
|
||||
background-position: 0 -11px;
|
||||
}
|
||||
|
||||
.flag.flag-us {
|
||||
background-position: -64px -33px;
|
||||
}
|
||||
|
||||
.flag.flag-is {
|
||||
background-position: -16px -11px;
|
||||
}
|
||||
|
|
|
|||
2
public/css/flags/flags.min.css
externe
2
public/css/flags/flags.min.css
externe
|
|
@ -1,3 +1,3 @@
|
|||
/*!
|
||||
* Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
|
||||
*/.flag{display:inline-block;width:32px;height:32px;background:url('flags.png') no-repeat}.flag.flag-ru{background-position:0 -96px}.flag.flag-hu{background-position:0 -32px}.flag.flag-nl{background-position:-32px -64px}.flag.flag-ro{background-position:-128px -64px}.flag.flag-se{background-position:-32px -96px}.flag.flag-th{background-position:-64px -96px}.flag.flag-pt{background-position:-96px -64px}.flag.flag-no{background-position:-64px -64px}.flag.flag-kr{background-position:-128px -32px}.flag.flag-mx{background-position:0 -64px}.flag.flag-de{background-position:-64px 0}.flag.flag-tw{background-position:-96px -96px}.flag.flag-fr{background-position:-128px 0}.flag.flag-it{background-position:-64px -32px}.flag.flag-cn{background-position:-32px 0}.flag.flag-is{background-position:-32px -32px}.flag.flag-jp{background-position:-96px -32px}.flag.flag-br{background-position:0 0}.flag.flag-us{background-position:-128px -96px}.flag.flag-es{background-position:-96px 0}
|
||||
*/.flag{display:inline-block;width:16px;height:11px;background:url('flags.png') no-repeat}.flag.flag-cn{background-position:-16px 0}.flag.flag-se{background-position:-16px -33px}.flag.flag-th{background-position:-32px -33px}.flag.flag-mx{background-position:0 -22px}.flag.flag-pt{background-position:-48px -22px}.flag.flag-ro{background-position:-64px -22px}.flag.flag-no{background-position:-32px -22px}.flag.flag-es{background-position:-48px 0}.flag.flag-tw{background-position:-48px -33px}.flag.flag-ru{background-position:0 -33px}.flag.flag-kr{background-position:-64px -11px}.flag.flag-br{background-position:0 0}.flag.flag-it{background-position:-32px -11px}.flag.flag-nl{background-position:-16px -22px}.flag.flag-fr{background-position:-64px 0}.flag.flag-de{background-position:-32px 0}.flag.flag-jp{background-position:-48px -11px}.flag.flag-hu{background-position:0 -11px}.flag.flag-us{background-position:-64px -33px}.flag.flag-is{background-position:-16px -11px}
|
||||
Fichier binaire non affiché.
|
Avant Largeur: | Hauteur: | Taille: 10 Kio Après Largeur: | Hauteur: | Taille: 5,8 Kio |
|
|
@ -267,7 +267,6 @@ th { border-bottom-width: 2px; }
|
|||
|
||||
.tr-cat { width: 90px; text-align: center; }
|
||||
.tr-lang { width: 32px; margin: 0; padding: 0; }
|
||||
.tr-flag img { vertical-align: middle; }
|
||||
.tr-name { width: auto; text-align: left; white-space: normal; word-break: break-word; font-weight: bold; }
|
||||
.tr-links { width: 66px; }
|
||||
.tr-cs { width: 5px; overflow: initial; text-overflow: initial; }
|
||||
|
|
@ -439,6 +438,9 @@ html, body {
|
|||
}
|
||||
.torrent-info-data {
|
||||
width: 50%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.torrent-info-row {
|
||||
text-align: left;
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@
|
|||
{{ if eq .MascotURL "" }}
|
||||
{{ if Sukebei }}
|
||||
<audio id="kawaii" hidden preload="none">
|
||||
<source src="https://a.doko.moe/jnqmma.mp3" type="audio/mpeg">
|
||||
<source src="https://a.doko.moe/spbyif.mp3" type="audio/mpeg">
|
||||
</audio>
|
||||
{{else}}
|
||||
{{ if eq .Theme "tomorrow" }}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{{define "title"}}{{.Torrent.Name}}{{end}}
|
||||
{{define "contclass"}}cont-view {{if eq .Torrent.Status 2}}remake{{end}} {{if eq .Torrent.Status 3}}trusted{{end}} {{if eq .Torrent.Status 4}}aplus{{end}}{{end}}
|
||||
{{define "contclass"}}cont-view{{end}}
|
||||
{{define "additional_header"}}
|
||||
<link rel="stylesheet" href="/css/flags/flags.min.css">
|
||||
<link rel="stylesheet" href="/css/flags/custom_flags.css">
|
||||
|
|
|
|||
Référencer dans un nouveau ticket