mirror of
https://github.com/uhIgnacio/igna.rocks.git
synced 2024-08-15 02:23:12 +00:00
si
This commit is contained in:
in the moon
parent
43406306d2
commit
1e3b139c8a
17 changed files with 0 additions and 717 deletions
BIN
9663.gif
BIN
9663.gif
Binary file not shown.
|
Before Width: | Height: | Size: 938 KiB |
BIN
Amegakure.gif
BIN
Amegakure.gif
Binary file not shown.
|
Before Width: | Height: | Size: 843 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -1,6 +0,0 @@
|
||||||
{
|
|
||||||
"type": "link",
|
|
||||||
"version": "1.0",
|
|
||||||
"author_name": "exactly, noname",
|
|
||||||
"provider_name": "who are you?"
|
|
||||||
}
|
|
||||||
BIN
favicon.jpg
BIN
favicon.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB |
Binary file not shown.
Binary file not shown.
BIN
font.otf
BIN
font.otf
Binary file not shown.
|
|
@ -1,5 +0,0 @@
|
||||||
# Font Squirrel Font-face Generator Configuration File
|
|
||||||
# Upload this file to the generator to recreate the settings
|
|
||||||
# you used to create these fonts.
|
|
||||||
|
|
||||||
{"mode":"optimal","formats":["woff","woff2"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}
|
|
||||||
|
|
@ -1,35 +0,0 @@
|
||||||
<title>igna.rocks - Instances</title>
|
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
|
|
||||||
<div class="center">
|
|
||||||
<center>
|
|
||||||
<h1>
|
|
||||||
<div class="rainbow-text">
|
|
||||||
|
|
||||||
|
|
||||||
<div class="brandon">
|
|
||||||
<pre>
|
|
||||||
_ _
|
|
||||||
(_)_ __ ___| |_ __ _ _ __ ___ ___ ___
|
|
||||||
| | '_ \/ __| __/ _` | '_ \ / __/ _ \/ __|
|
|
||||||
| | | | \__ \ || (_| | | | | (_| __/\__ \
|
|
||||||
|_|_| |_|___/\__\__,_|_| |_|\___\___||___/
|
|
||||||
|
|
||||||
</pre>
|
|
||||||
</div>
|
|
||||||
</pre>
|
|
||||||
</div>
|
|
||||||
</h1>
|
|
||||||
</center>
|
|
||||||
<!-- Socials !-->
|
|
||||||
<center>
|
|
||||||
<div class="brandon">
|
|
||||||
Instances
|
|
||||||
⠀ | ⠀
|
|
||||||
<a href="https://libreddit.igna.rocks">Libreddit</a>
|
|
||||||
⠀ | ⠀
|
|
||||||
<a href="https://translate.igna.rocks">Lingva Translate</a>
|
|
||||||
⠀ | ⠀
|
|
||||||
<a href="https://ko-fi.com/ignah">Donations</a>
|
|
||||||
</center>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
# Instances list ~
|
|
||||||
|
|
||||||
* [Libreddit](https://libreddit.igna.rocks)
|
|
||||||
* [Lingva Translate](https://translate.igna.rocks)
|
|
||||||
2
jquery-3.6.0.min.js
vendored
2
jquery-3.6.0.min.js
vendored
File diff suppressed because one or more lines are too long
|
|
@ -1,52 +0,0 @@
|
||||||
var lastfmData = {
|
|
||||||
baseURL: "https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=",
|
|
||||||
// Your Last.fm Username
|
|
||||||
user: "webhook",
|
|
||||||
// Your API key
|
|
||||||
api_key: "05e5cd17fea160c0e08d6b9503143529",
|
|
||||||
additional: "&format=json&limit=1"
|
|
||||||
};
|
|
||||||
|
|
||||||
var getSetLastFM = function () {
|
|
||||||
$.ajax({
|
|
||||||
type: "GET",
|
|
||||||
url: lastfmData.baseURL +
|
|
||||||
lastfmData.user +
|
|
||||||
"&api_key=" +
|
|
||||||
lastfmData.api_key +
|
|
||||||
lastfmData.additional,
|
|
||||||
dataType: "json",
|
|
||||||
success: function (resp) {
|
|
||||||
var recentTrack = resp.recenttracks.track[0];
|
|
||||||
var formatted = recentTrack.name;
|
|
||||||
$("a#tracktitle")
|
|
||||||
.html(formatted)
|
|
||||||
.attr("href", recentTrack.url)
|
|
||||||
.attr("title", recentTrack.name + " by " + recentTrack.artist["#text"])
|
|
||||||
.attr("target", "_blank");
|
|
||||||
|
|
||||||
var artistFormatted =
|
|
||||||
recentTrack.artist["#text"];
|
|
||||||
$("a#trackartist")
|
|
||||||
.html(artistFormatted)
|
|
||||||
.attr("title", "Artist : " + recentTrack.artist["#text"]);
|
|
||||||
$("img#trackart").attr("src", recentTrack.image[2]["#text"]);
|
|
||||||
},
|
|
||||||
error: function (resp) {
|
|
||||||
$("a#tracktitle").html(
|
|
||||||
"<img src='https://i.imgur.com/EgWjJry.png'>" + "Silence!"
|
|
||||||
);
|
|
||||||
$("img#trackart").attr("src", "https://i.imgur.com/Q6cCswP.jpg");
|
|
||||||
var artistFormatted =
|
|
||||||
"<img src='https://i.imgur.com/fae5XZA.png'>Prashant Shrestha";
|
|
||||||
$("a#trackartist")
|
|
||||||
.html(artistFormatted)
|
|
||||||
.attr("href", "igna.rocks/");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
// Get the new one.
|
|
||||||
getSetLastFM();
|
|
||||||
// Start the countdown.
|
|
||||||
setInterval(getSetLastFM, 10 * 1000);
|
|
||||||
27
portfolio.js
27
portfolio.js
|
|
@ -1,27 +0,0 @@
|
||||||
$(window).on('keydown', function (event) {
|
|
||||||
if (event.keyCode == 123) {
|
|
||||||
|
|
||||||
return false;
|
|
||||||
} else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) {
|
|
||||||
|
|
||||||
return false; //Prevent from ctrl+shift+i
|
|
||||||
} else if (event.ctrlKey && event.keyCode == 73) {
|
|
||||||
|
|
||||||
return false; //Prevent from ctrl+shift+i
|
|
||||||
}
|
|
||||||
});
|
|
||||||
$(document).on("contextmenu", function (e) {
|
|
||||||
|
|
||||||
e.preventDefault();
|
|
||||||
});
|
|
||||||
|
|
||||||
$(document).ready(function () {
|
|
||||||
var screenWidth = $(window).width();
|
|
||||||
// if window width is smaller than 800 remove the autoplay attribute
|
|
||||||
// from the video
|
|
||||||
if (screenWidth < 800) {
|
|
||||||
$('video').removeAttr('autoplay');
|
|
||||||
} else {
|
|
||||||
$('video').attr('autoplay');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
117
script.js
117
script.js
|
|
@ -1,117 +0,0 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//Main Function
|
|
||||||
mainActive = false;
|
|
||||||
|
|
||||||
function main() {
|
|
||||||
if (mainActive) return;
|
|
||||||
mainActive = true;
|
|
||||||
|
|
||||||
$("#main").css("opacity", "1");
|
|
||||||
$("#widgetContainer").css("opacity", "1");
|
|
||||||
$(".hitCount").css("opacity", "1");
|
|
||||||
|
|
||||||
|
|
||||||
//Border
|
|
||||||
borderTop = 0;
|
|
||||||
borderRight = 0;
|
|
||||||
borderBottom = 0;
|
|
||||||
borderLeft = 0;
|
|
||||||
function topBorder() {
|
|
||||||
let int = setInterval(() => {
|
|
||||||
borderTop++;
|
|
||||||
if (borderTop <= 100) {
|
|
||||||
$("#borderTop").css("width", borderTop+"%");
|
|
||||||
} else {
|
|
||||||
rightBorder();
|
|
||||||
clearInterval(int);
|
|
||||||
$("#borderTop").css({"left": "", "right": "0"});
|
|
||||||
setTimeout(() => {
|
|
||||||
let int = setInterval(() => {
|
|
||||||
borderTop--;
|
|
||||||
if (borderTop >= 0) {
|
|
||||||
$("#borderTop").css("width", borderTop+"%");
|
|
||||||
} else {
|
|
||||||
$("#borderTop").css({"right": "", "left": "0"});
|
|
||||||
clearInterval(int);
|
|
||||||
}
|
|
||||||
}, 7);
|
|
||||||
}, 250);
|
|
||||||
}
|
|
||||||
}, 7);
|
|
||||||
}
|
|
||||||
function rightBorder() {
|
|
||||||
let int = setInterval(() => {
|
|
||||||
borderRight++;
|
|
||||||
if (borderRight <= 100) {
|
|
||||||
$("#borderRight").css("height", borderRight+"%");
|
|
||||||
} else {
|
|
||||||
bottomBorder();
|
|
||||||
clearInterval(int);
|
|
||||||
$("#borderRight").css({"top": "", "bottom": "0"});
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
let int = setInterval(() => {
|
|
||||||
borderRight--;
|
|
||||||
if (borderRight >= 0) {
|
|
||||||
$("#borderRight").css("height", borderRight+"%");
|
|
||||||
} else {
|
|
||||||
$("#borderRight").css({"bottom": "", "top": "0"});
|
|
||||||
clearInterval(int);
|
|
||||||
}
|
|
||||||
}, 5);
|
|
||||||
}, 450);
|
|
||||||
}
|
|
||||||
}, 5);
|
|
||||||
}
|
|
||||||
function bottomBorder() {
|
|
||||||
let int = setInterval(() => {
|
|
||||||
borderBottom++;
|
|
||||||
if (borderBottom <= 100) {
|
|
||||||
$("#borderBottom").css("width", borderBottom+"%");
|
|
||||||
} else {
|
|
||||||
leftBorder();
|
|
||||||
clearInterval(int);
|
|
||||||
$("#borderBottom").css({"right": "", "left": "0"});
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
let int = setInterval(() => {
|
|
||||||
borderBottom--;
|
|
||||||
if (borderBottom >= 0) {
|
|
||||||
$("#borderBottom").css("width", borderBottom+"%");
|
|
||||||
} else {
|
|
||||||
$("#borderBottom").css({"left": "", "right": "0"});
|
|
||||||
clearInterval(int);
|
|
||||||
}
|
|
||||||
}, 7);
|
|
||||||
}, 250);
|
|
||||||
}
|
|
||||||
}, 7);
|
|
||||||
}
|
|
||||||
function leftBorder() {
|
|
||||||
let int = setInterval(() => {
|
|
||||||
borderLeft++;
|
|
||||||
if (borderLeft <= 100) {
|
|
||||||
$("#borderLeft").css("height", borderLeft+"%");
|
|
||||||
} else {
|
|
||||||
topBorder();
|
|
||||||
clearInterval(int);
|
|
||||||
$("#borderLeft").css({"bottom": "", "top": "0"});
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
let int = setInterval(() => {
|
|
||||||
borderLeft--;
|
|
||||||
if (borderLeft >= 0) {
|
|
||||||
$("#borderLeft").css("height", borderLeft+"%");
|
|
||||||
} else {
|
|
||||||
$("#borderLeft").css({"top": "", "bottom": "0"});
|
|
||||||
clearInterval(int);
|
|
||||||
}
|
|
||||||
}, 5);
|
|
||||||
}, 450);
|
|
||||||
}
|
|
||||||
}, 5);
|
|
||||||
}
|
|
||||||
topBorder();
|
|
||||||
}
|
|
||||||
469
style.css
469
style.css
|
|
@ -1,469 +0,0 @@
|
||||||
@font-face {
|
|
||||||
font-family: 'Brandon Light';
|
|
||||||
src: url('font-webfont.woff2') format('woff2'),
|
|
||||||
url('font-webfont.woff') format('woff');
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--color: red;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
div.brandon {
|
|
||||||
text-decoration: none;
|
|
||||||
padding: 0;
|
|
||||||
font-family: "Brandon Light";
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 25px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
background-color: black;
|
|
||||||
overflow: hidden;
|
|
||||||
font-family: "Brandon Light";
|
|
||||||
color: white;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
|
|
||||||
color: white;
|
|
||||||
text-decoration: none;
|
|
||||||
padding: 0;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
a2 {
|
|
||||||
position: relative;
|
|
||||||
top: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.center {
|
|
||||||
position: absolute;
|
|
||||||
text-align: center;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
#border {
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
pointer-events: none;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#borderTop, #borderBottom {
|
|
||||||
position: absolute;
|
|
||||||
width: 0%;
|
|
||||||
height: 4px;
|
|
||||||
background-color: purple;
|
|
||||||
}
|
|
||||||
|
|
||||||
#borderRight, #borderLeft {
|
|
||||||
position: absolute;
|
|
||||||
width: 3px;
|
|
||||||
height: 0%;
|
|
||||||
background-color: purple;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
img {
|
|
||||||
position: fixed;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
min-width: 100%;
|
|
||||||
min-height: 100%;
|
|
||||||
z-index: -2;
|
|
||||||
filter: blur(5px) brightness(30%);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#main {
|
|
||||||
|
|
||||||
opacity: 0;
|
|
||||||
transition: 5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@keyframes rainbow-text {
|
|
||||||
0% {
|
|
||||||
color: #e87d7d;
|
|
||||||
}
|
|
||||||
2% {
|
|
||||||
color: #e88a7d;
|
|
||||||
}
|
|
||||||
4% {
|
|
||||||
color: #e8977d;
|
|
||||||
}
|
|
||||||
6% {
|
|
||||||
color: #e8a47d;
|
|
||||||
}
|
|
||||||
8% {
|
|
||||||
color: #e8b07d;
|
|
||||||
}
|
|
||||||
10% {
|
|
||||||
color: #e8bd7d;
|
|
||||||
}
|
|
||||||
12% {
|
|
||||||
color: #e8ca7d;
|
|
||||||
}
|
|
||||||
14% {
|
|
||||||
color: #e8d77d;
|
|
||||||
}
|
|
||||||
16% {
|
|
||||||
color: #e8e47d;
|
|
||||||
}
|
|
||||||
18% {
|
|
||||||
color: #dfe87d;
|
|
||||||
}
|
|
||||||
20% {
|
|
||||||
color: #d3e87d;
|
|
||||||
}
|
|
||||||
22% {
|
|
||||||
color: #c6e87d;
|
|
||||||
}
|
|
||||||
24% {
|
|
||||||
color: #b9e87d;
|
|
||||||
}
|
|
||||||
26% {
|
|
||||||
color: #ace87d;
|
|
||||||
}
|
|
||||||
28% {
|
|
||||||
color: #9fe87d;
|
|
||||||
}
|
|
||||||
30% {
|
|
||||||
color: #92e87d;
|
|
||||||
}
|
|
||||||
32% {
|
|
||||||
color: #86e87d;
|
|
||||||
}
|
|
||||||
34% {
|
|
||||||
color: #7de881;
|
|
||||||
}
|
|
||||||
36% {
|
|
||||||
color: #7de88e;
|
|
||||||
}
|
|
||||||
38% {
|
|
||||||
color: #7de89b;
|
|
||||||
}
|
|
||||||
40% {
|
|
||||||
color: #7de8a8;
|
|
||||||
}
|
|
||||||
42% {
|
|
||||||
color: #7de8b5;
|
|
||||||
}
|
|
||||||
44% {
|
|
||||||
color: #7de8c1;
|
|
||||||
}
|
|
||||||
46% {
|
|
||||||
color: #7de8ce;
|
|
||||||
}
|
|
||||||
48% {
|
|
||||||
color: #7de8db;
|
|
||||||
}
|
|
||||||
50% {
|
|
||||||
color: #7de8e8;
|
|
||||||
}
|
|
||||||
52% {
|
|
||||||
color: #7ddbe8;
|
|
||||||
}
|
|
||||||
54% {
|
|
||||||
color: #7dcee8;
|
|
||||||
}
|
|
||||||
56% {
|
|
||||||
color: #7dc1e8;
|
|
||||||
}
|
|
||||||
58% {
|
|
||||||
color: #7db5e8;
|
|
||||||
}
|
|
||||||
60% {
|
|
||||||
color: #7da8e8;
|
|
||||||
}
|
|
||||||
62% {
|
|
||||||
color: #7d9be8;
|
|
||||||
}
|
|
||||||
64% {
|
|
||||||
color: #7d8ee8;
|
|
||||||
}
|
|
||||||
66% {
|
|
||||||
color: #7d81e8;
|
|
||||||
}
|
|
||||||
68% {
|
|
||||||
color: #867de8;
|
|
||||||
}
|
|
||||||
70% {
|
|
||||||
color: #927de8;
|
|
||||||
}
|
|
||||||
72% {
|
|
||||||
color: #9f7de8;
|
|
||||||
}
|
|
||||||
74% {
|
|
||||||
color: #ac7de8;
|
|
||||||
}
|
|
||||||
76% {
|
|
||||||
color: #b97de8;
|
|
||||||
}
|
|
||||||
78% {
|
|
||||||
color: #c67de8;
|
|
||||||
}
|
|
||||||
80% {
|
|
||||||
color: #d37de8;
|
|
||||||
}
|
|
||||||
82% {
|
|
||||||
color: #df7de8;
|
|
||||||
}
|
|
||||||
84% {
|
|
||||||
color: #e87de4;
|
|
||||||
}
|
|
||||||
86% {
|
|
||||||
color: #e87dd7;
|
|
||||||
}
|
|
||||||
88% {
|
|
||||||
color: #e87dca;
|
|
||||||
}
|
|
||||||
90% {
|
|
||||||
color: #e87dbd;
|
|
||||||
}
|
|
||||||
92% {
|
|
||||||
color: #e87db0;
|
|
||||||
}
|
|
||||||
94% {
|
|
||||||
color: #e87da4;
|
|
||||||
}
|
|
||||||
96% {
|
|
||||||
color: #e87d97;
|
|
||||||
}
|
|
||||||
98% {
|
|
||||||
color: #e87d8a;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
color: #e87d7d;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.rainbow-text {
|
|
||||||
animation: rainbow-text 8s infinite;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#widgetContainer {
|
|
||||||
opacity: 0;
|
|
||||||
position: absolute;
|
|
||||||
right: 20px;
|
|
||||||
top: 20px;
|
|
||||||
width: 400px;
|
|
||||||
height: 38px;
|
|
||||||
background: repeating-linear-gradient(120deg, slategrey 5%, blanchedalmond 70%);
|
|
||||||
background-size: 60vw 60vw;
|
|
||||||
animation: slide 1s linear infinite forwards;
|
|
||||||
transition: 1s;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#widget {
|
|
||||||
position: absolute;
|
|
||||||
width: 394px;
|
|
||||||
height: 29px;
|
|
||||||
margin: 3px;
|
|
||||||
background-color: purple;
|
|
||||||
z-index: 1;
|
|
||||||
transition: 2s;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#widgetMain {
|
|
||||||
position: absolute;
|
|
||||||
display: inline-flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin-top: 3px;
|
|
||||||
padding-right: 10px;
|
|
||||||
padding-left: 10px;
|
|
||||||
width: 374px;
|
|
||||||
height: 29px;
|
|
||||||
z-index: 2;
|
|
||||||
background-color: purple;
|
|
||||||
}
|
|
||||||
|
|
||||||
#burgerMenu {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dropDownContent {
|
|
||||||
display: none;
|
|
||||||
opacity: 0;
|
|
||||||
transition: 2s;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: absolute;
|
|
||||||
margin-top: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#links {
|
|
||||||
right: 5px;
|
|
||||||
width: 100px;
|
|
||||||
float: left;
|
|
||||||
margin-top: -4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#groups {
|
|
||||||
float: right;
|
|
||||||
margin-top: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dropDownContent div a {
|
|
||||||
opacity: 0;
|
|
||||||
transition: 1s;
|
|
||||||
line-height: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#dropDownContent div span {
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#groups a, #groups span {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hitCount {
|
|
||||||
position: fixed;
|
|
||||||
bottom: 5px;
|
|
||||||
right: 5px;
|
|
||||||
transition: 3s;
|
|
||||||
color: var(--color);
|
|
||||||
font-size: 24px;
|
|
||||||
opacity: 0;
|
|
||||||
bottom: -3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.hitCounter.badge-done0 {
|
|
||||||
display: none!important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@mixin border-left-radius($radius) {
|
|
||||||
-webkit-border-top-left-radius: $radius;
|
|
||||||
-moz-border-top-left-radius: $radius;
|
|
||||||
-ms-border-top-left-radius: $radius;
|
|
||||||
-o-border-top-left-radius: $radius;
|
|
||||||
border-top-left-radius: $radius;
|
|
||||||
|
|
||||||
-webkit-border-bottom-left-radius: $radius;
|
|
||||||
-moz-border-bottom-left-radius: $radius;
|
|
||||||
-ms-border-bottom-left-radius: $radius;
|
|
||||||
-o-border-bottom-left-radius: $radius;
|
|
||||||
border-bottom-left-radius: $radius;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
.nowplayingcard {
|
|
||||||
width: 20%;
|
|
||||||
margin: 0 auto;
|
|
||||||
margin-top: 3%;
|
|
||||||
font-family: $globalFontFamily;
|
|
||||||
font-size: $globalFontSize;
|
|
||||||
|
|
||||||
.nowplayingcontainer-inner {
|
|
||||||
width: 100%;
|
|
||||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
|
||||||
transition: 0.3s;
|
|
||||||
display: inline-block;
|
|
||||||
@include border-left-radius($globalBorderRadius);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
img#trackart {
|
|
||||||
max-width: 30%;
|
|
||||||
float: left;
|
|
||||||
left: 0;
|
|
||||||
@include border-left-radius($globalBorderRadius);
|
|
||||||
}
|
|
||||||
|
|
||||||
.trackInfo {
|
|
||||||
width: 70%;
|
|
||||||
float: left;
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
a {
|
|
||||||
max-width: 90%;
|
|
||||||
display: block;
|
|
||||||
font-size: 14px;
|
|
||||||
text-align: left;
|
|
||||||
text-decoration: none;
|
|
||||||
vertical-align: middle;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
|
|
||||||
&:nth-child(odd) {
|
|
||||||
img {
|
|
||||||
width: 15px;
|
|
||||||
height: 15px;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: -2% 3px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
color: black;
|
|
||||||
font-weight: bold;
|
|
||||||
vertical-align: middle;
|
|
||||||
line-height: 15px;
|
|
||||||
letter-spacing: 0.2px;
|
|
||||||
padding: 10% 0 0 5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:nth-child(even) {
|
|
||||||
img {
|
|
||||||
width: 15px;
|
|
||||||
height: 15px;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin: -2% 3px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
color: gray;
|
|
||||||
font-size: $globalFontSize - 1px;
|
|
||||||
letter-spacing: 0.1px;
|
|
||||||
padding: 5% 0 0 5%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in a new issue