mirror of
https://github.com/krateng/maloja.git
synced 2023-08-10 21:12:55 +03:00
Better css generation
This commit is contained in:
Krateng
parent
2e69ef7df9
commit
c74cb7010f
@ -18,7 +18,6 @@ from . import utilities
|
||||
from .utilities import resolveImage
|
||||
from .urihandler import uri_to_internal, remove_identical
|
||||
from . import urihandler
|
||||
from . import info
|
||||
# doreah toolkit
|
||||
from doreah import settings
|
||||
from doreah.logging import log
|
||||
@ -53,10 +52,18 @@ webserver = Bottle()
|
||||
|
||||
pthjoin = os.path.join
|
||||
|
||||
#import lesscpy
|
||||
#css = ""
|
||||
#for f in os.listdir(pthjoin(WEBFOLDER,"less")):
|
||||
# css += lesscpy.compile(pthjoin(WEBFOLDER,"less",f))
|
||||
def generate_css():
|
||||
import lesscpy
|
||||
from io import StringIO
|
||||
less = ""
|
||||
for f in os.listdir(pthjoin(WEBFOLDER,"less")):
|
||||
with open(pthjoin(WEBFOLDER,"less",f),"r") as lessf:
|
||||
less += lessf.read()
|
||||
|
||||
css = lesscpy.compile(StringIO(less),minify=True)
|
||||
return css
|
||||
|
||||
css = generate_css()
|
||||
|
||||
#os.makedirs("web/css",exist_ok=True)
|
||||
#with open("web/css/style.css","w") as f:
|
||||
@ -145,9 +152,14 @@ def static_image(pth):
|
||||
response.set_header("Cache-Control", "public, max-age=86400")
|
||||
return response
|
||||
|
||||
|
||||
@webserver.route("/css/style.css")
|
||||
def get_css():
|
||||
response.content_type = 'text/css'
|
||||
return css
|
||||
|
||||
#@webserver.route("/<name:re:.*\\.html>")
|
||||
@webserver.route("/<name:re:.*\\.js>")
|
||||
@webserver.route("/<name:re:.*\\.css>")
|
||||
@webserver.route("/<name:re:.*\\.less>")
|
||||
@webserver.route("/<name:re:.*\\.png>")
|
||||
@webserver.route("/<name:re:.*\\.jpeg>")
|
||||
@ -188,7 +200,7 @@ def static_html(name):
|
||||
environ["malojatime"] = malojatime
|
||||
environ["utilities"] = utilities
|
||||
environ["urihandler"] = urihandler
|
||||
environ["info"] = info
|
||||
#environ["info"] = info
|
||||
# external
|
||||
environ["urllib"] = urllib
|
||||
# request
|
||||
|
||||
@ -1,674 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
|
||||
unicode-range: U + 0400 -045F, U + 0490 -0491, U + 04 B0-04B1, U + 2116;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2');
|
||||
unicode-range: U + 1 F00-1FFF;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2');
|
||||
unicode-range: U + 0370 -03FF;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Ubuntu';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
|
||||
}body {
|
||||
background-color: #333337;
|
||||
color: beige;
|
||||
font-family: "Ubuntu";
|
||||
}
|
||||
table.top_info td.image div {
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 174px;
|
||||
width: 174px;
|
||||
}
|
||||
table.top_info td.text {
|
||||
vertical-align: top;
|
||||
}
|
||||
table.top_info td.text h1 {
|
||||
display: inline;
|
||||
padding-right: 5px;
|
||||
}
|
||||
table.top_info td.text table.image_row td {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
opacity: 0.5;
|
||||
filter: grayscale(80%);
|
||||
}
|
||||
table.top_info td.text table.image_row td:hover {
|
||||
opacity: 1;
|
||||
filter: grayscale(0%);
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: grey;
|
||||
background-color: rgba(0,255,255,0.1);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(103,85,0,0.7);
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: gold;
|
||||
}
|
||||
[onclick]:hover,
|
||||
a:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.grisons_bar {
|
||||
background-color: rgba(0,255,255,0.1);
|
||||
}
|
||||
div.grisons_bar > div {
|
||||
height: 100%;
|
||||
background-color: rgba(103,85,0,0.7);
|
||||
}
|
||||
div.grisons_bar:hover > div {
|
||||
background-color: gold;
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
a.textlink {
|
||||
color: yellow;
|
||||
}
|
||||
a.hidelink:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
body {
|
||||
padding: 15px;
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
input[type="date"] {
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
outline: none;
|
||||
border: 0px;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
div#settingsicon {
|
||||
position: fixed;
|
||||
right: 30px;
|
||||
top: 30px;
|
||||
fill: beige;
|
||||
}
|
||||
div#settingsicon:hover {
|
||||
fill: yellow;
|
||||
}
|
||||
div.footer {
|
||||
position: fixed;
|
||||
height: 20px;
|
||||
background-color: #0a0a0a;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
padding: 10px;
|
||||
opacity: 1;
|
||||
}
|
||||
div.footer div:nth-child(1) {
|
||||
display: inline-block;
|
||||
width: 40%;
|
||||
text-align: left;
|
||||
}
|
||||
div.footer div:nth-child(2) {
|
||||
display: inline-block;
|
||||
width: 19%;
|
||||
text-align: center;
|
||||
color: gold;
|
||||
font-size: 110%;
|
||||
}
|
||||
div.footer div:nth-child(3) {
|
||||
display: inline-block;
|
||||
width: 40%;
|
||||
text-align: right;
|
||||
}
|
||||
div.footer span a {
|
||||
padding-left: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: left;
|
||||
background-image: url("https://github.com/favicon.ico");
|
||||
}
|
||||
div.footer input {
|
||||
background-color: inherit;
|
||||
border: 0px;
|
||||
border-bottom: 1px solid beige;
|
||||
color: beige;
|
||||
font-size: 90%;
|
||||
width: 70%;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
font-family: "Ubuntu";
|
||||
}
|
||||
div.footer input:focus {
|
||||
outline: none;
|
||||
}
|
||||
div.searchresults {
|
||||
position: fixed;
|
||||
bottom: 50px;
|
||||
right: 20px;
|
||||
width: 500px;
|
||||
background-color: rgba(10,10,10,0.99);
|
||||
padding: 15px;
|
||||
}
|
||||
div.searchresults > span {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
div.searchresults table {
|
||||
width: 100%;
|
||||
border-spacing: 0px 4px;
|
||||
}
|
||||
div.searchresults tr {
|
||||
background-color: #05050501;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
height: 50px;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.searchresults tr:hover {
|
||||
background-color: #23232301;
|
||||
}
|
||||
div.searchresults tr td.image {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
div.searchresults tr td:nth-child(2) {
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.searchresults table.searchresults_tracks td span:nth-child(1) {
|
||||
font-size: 12px;
|
||||
color: grey;
|
||||
}
|
||||
@media (max-width:1000px) {
|
||||
div.footer {
|
||||
position: fixed;
|
||||
background-color: #0a0a0a;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
padding: 3px;
|
||||
opacity: 1;
|
||||
}
|
||||
div.footer div:nth-child(1) {
|
||||
display: none;
|
||||
}
|
||||
div.footer div:nth-child(2) {
|
||||
display: inline-block;
|
||||
width: 20%;
|
||||
text-align: center;
|
||||
color: gold;
|
||||
}
|
||||
div.footer div:nth-child(3) {
|
||||
display: inline-block;
|
||||
width: 70%;
|
||||
text-align: right;
|
||||
}
|
||||
div.footer input {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
p.desc a {
|
||||
padding-left: 20px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: left;
|
||||
background-image: url("https://www.last.fm/static/images/lastfm_avatar_twitter.66cd2c48ce03.png");
|
||||
}
|
||||
table.top_info + .stat_module_topartists table,
|
||||
table.top_info + .stat_module_toptracks table {
|
||||
margin: 15px 0;
|
||||
}
|
||||
.paginate {
|
||||
text-align: center;
|
||||
padding: 30px;
|
||||
}
|
||||
.stats {
|
||||
color: grey;
|
||||
}
|
||||
.rank {
|
||||
text-align: right;
|
||||
color: grey;
|
||||
}
|
||||
.extra {
|
||||
color: grey;
|
||||
font-size: 80%;
|
||||
}
|
||||
input#apikey {
|
||||
font-family: 'Ubuntu';
|
||||
outline: none;
|
||||
border: 0px solid;
|
||||
padding: 2px;
|
||||
}
|
||||
input.simpleinput {
|
||||
font-family: 'Ubuntu';
|
||||
color: beige;
|
||||
outline: none;
|
||||
border-top: 0px solid;
|
||||
border-left: 0px solid;
|
||||
border-right: 0px solid;
|
||||
padding: 2px;
|
||||
background-color: inherit;
|
||||
border-bottom: 1px solid beige;
|
||||
}
|
||||
a {
|
||||
cursor: pointer;
|
||||
}
|
||||
span.stat_selector_pulse,
|
||||
span.stat_selector_topartists,
|
||||
span.stat_selector_toptracks {
|
||||
cursor: pointer;
|
||||
}
|
||||
.medal {
|
||||
top: 5px;
|
||||
font-size: 80%;
|
||||
padding: 3px;
|
||||
margin: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.shiny {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
.shiny:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -110%;
|
||||
left: -210%;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
opacity: 0;
|
||||
transform: rotate(30deg);
|
||||
background: rgba(255,255,255,0.13);
|
||||
background: linear-gradient(to right,rgba(255,255,255,0.13)0%,rgba(255,255,255,0.13)77%,rgba(255,255,255,0.5)92%,rgba(255,255,255,0.0)100% );
|
||||
}
|
||||
.shiny:hover:after {
|
||||
opacity: 1;
|
||||
top: -30%;
|
||||
left: -30%;
|
||||
transition-property: left, top, opacity;
|
||||
transition-duration: 0.7s, 0.7s, 0.15s;
|
||||
transition-timing-function: ease;
|
||||
}
|
||||
.shiny:active:after {
|
||||
opacity: 0;
|
||||
}
|
||||
a.gold {
|
||||
background-color: gold;
|
||||
color: black;
|
||||
}
|
||||
a.silver {
|
||||
background-color: silver;
|
||||
color: black;
|
||||
}
|
||||
a.bronze {
|
||||
background-color: #cd7f32;
|
||||
color: black;
|
||||
}
|
||||
img.certrecord {
|
||||
height: 30px;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
img.certrecord_small {
|
||||
height: 20px;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
img.star {
|
||||
height: 20px;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
.button {
|
||||
padding: 3px;
|
||||
padding-right: 6px;
|
||||
padding-left: 6px;
|
||||
background-color: beige;
|
||||
color: #333337;
|
||||
cursor: pointer;
|
||||
}
|
||||
.button:hover {
|
||||
background-color: yellow;
|
||||
color: #333337;
|
||||
}
|
||||
.button.locked {
|
||||
background-color: grey;
|
||||
color: black;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
table.twopart {
|
||||
width: 100%;
|
||||
}
|
||||
table.twopart > tbody > tr > td {
|
||||
width: 50%;
|
||||
}
|
||||
table.list {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
table.list tr td {
|
||||
border-bottom: 2px solid;
|
||||
border-color: rgba(0,0,0,0);
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding-right: 15px;
|
||||
}
|
||||
table.list tr:nth-child(even) {
|
||||
background-color: #37373b;
|
||||
}
|
||||
table.list tr:nth-child(5n) td {
|
||||
border-color: rgba(120,120,120,0.2);
|
||||
}
|
||||
table.list tr:hover {
|
||||
background-color: #404044;
|
||||
}
|
||||
table.list td.time {
|
||||
width: 11%;
|
||||
color: grey;
|
||||
}
|
||||
table.list tr td.rank {
|
||||
padding-right: 4px;
|
||||
}
|
||||
table.list tr td.rankup {
|
||||
color: green;
|
||||
padding-right: 8px;
|
||||
font-size: 80%;
|
||||
}
|
||||
table.list tr td.rankdown {
|
||||
color: red;
|
||||
padding-right: 8px;
|
||||
font-size: 80%;
|
||||
}
|
||||
table.list tr td.ranksame {
|
||||
color: grey;
|
||||
padding-right: 8px;
|
||||
font-size: 80%;
|
||||
}
|
||||
table.list tr td.icon {
|
||||
padding: 0px;
|
||||
padding-right: 5px;
|
||||
width: 20px;
|
||||
}
|
||||
table.list td.icon div {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
table.list td.artists,
|
||||
td.artist,
|
||||
td.title,
|
||||
td.track {
|
||||
min-width: 100px;
|
||||
}
|
||||
table.list td.track span.artist_in_trackcolumn {
|
||||
color: #bbbbbb;
|
||||
}
|
||||
table.list td.track a.trackProviderSearch {
|
||||
margin-right: 5px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
table.list td.amount {
|
||||
width: 50px;
|
||||
text-align: right;
|
||||
}
|
||||
table.list td.bar {
|
||||
width: 500px;
|
||||
background-color: #333337;
|
||||
}
|
||||
table.list td.bar div {
|
||||
background-color: beige;
|
||||
height: 20px;
|
||||
position: relative;
|
||||
}
|
||||
table.list tr:hover td.bar div {
|
||||
background-color: yellow;
|
||||
cursor: pointer;
|
||||
}
|
||||
table.list td.chart {
|
||||
width: 500px;
|
||||
background-color: #333337;
|
||||
}
|
||||
table.list td.chart div {
|
||||
height: 20px;
|
||||
background-color: rgba(0,0,0,0.1);
|
||||
border-radius: 0px 30px 30px 0px;
|
||||
background-image: url("/media/chartpos_normal.png");
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 100%;
|
||||
position: relative;
|
||||
}
|
||||
table.list tr:hover td.chart div {
|
||||
cursor: pointer;
|
||||
}
|
||||
table.list tr td.chart div.gold {
|
||||
background-image: url("/media/chartpos_gold.png");
|
||||
}
|
||||
table.list tr td.chart div.silver {
|
||||
background-image: url("/media/chartpos_silver.png");
|
||||
}
|
||||
table.list tr td.chart div.bronze {
|
||||
background-image: url("/media/chartpos_bronze.png");
|
||||
}
|
||||
table.list tr td.button {
|
||||
width: 200px;
|
||||
cursor: pointer;
|
||||
border-color: rgba(0,0,0,0) !important;
|
||||
}
|
||||
table.list td.button div {
|
||||
background-color: beige;
|
||||
color: #333337;
|
||||
padding: 3px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
table.list td.button div:hover {
|
||||
background-color: yellow;
|
||||
color: #333337;
|
||||
padding: 3px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
td.button.important div {
|
||||
background-color: red;
|
||||
color: white;
|
||||
}
|
||||
table.misc {
|
||||
margin-left: 20px;
|
||||
}
|
||||
table.misc td {
|
||||
padding-right: 20px;
|
||||
color: #bbbbaa;
|
||||
}
|
||||
table.misc th {
|
||||
text-align: left;
|
||||
}
|
||||
table.misc td.interaction {
|
||||
width: 65px;
|
||||
}
|
||||
table.tiles_top td {
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
}
|
||||
table.tiles_top:hover td td {
|
||||
opacity: 0.5;
|
||||
filter: grayscale(80%);
|
||||
}
|
||||
table.tiles_top:hover td td:hover {
|
||||
opacity: 1;
|
||||
filter: grayscale(0%);
|
||||
}
|
||||
table.tiles_top,
|
||||
table.tiles_sub {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
table.tiles_top > tbody > tr > td {
|
||||
height: 300px;
|
||||
width: 300px;
|
||||
}
|
||||
table.tiles_sub {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
table.tiles_top td {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
table.tiles_top td span {
|
||||
background-color: rgba(0,0,0,0.7);
|
||||
}
|
||||
table.tiles_1x1 td {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
font-size: 100%;
|
||||
}
|
||||
table.tiles_2x2 td {
|
||||
height: 50%;
|
||||
width: 50%;
|
||||
font-size: 90%;
|
||||
}
|
||||
table.tiles_3x3 td {
|
||||
height: 33.333%;
|
||||
width: 33.333%;
|
||||
font-size: 70%;
|
||||
}
|
||||
span.stat_module_pulse,
|
||||
span.stat_module_topartists,
|
||||
span.stat_module_toptracks {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
@media (min-width:1600px) {
|
||||
div.sidelist {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
background-color: #444447;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
}
|
||||
div.sidelist table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
div.sidelist table.list td.time {
|
||||
width: 17%;
|
||||
}body {
|
||||
background-color: #333337;
|
||||
color: beige;
|
||||
font-family: "Ubuntu";
|
||||
}
|
||||
table.top_info td.image div {
|
||||
margin-right: 20px;
|
||||
margin-bottom: 20px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 174px;
|
||||
width: 174px;
|
||||
}
|
||||
table.top_info td.text {
|
||||
vertical-align: top;
|
||||
}
|
||||
table.top_info td.text h1 {
|
||||
display: inline;
|
||||
padding-right: 5px;
|
||||
}
|
||||
table.top_info td.text table.image_row td {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
opacity: 0.5;
|
||||
filter: grayscale(80%);
|
||||
}
|
||||
table.top_info td.text table.image_row td:hover {
|
||||
opacity: 1;
|
||||
filter: grayscale(0%);
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: grey;
|
||||
background-color: rgba(0,255,255,0.1);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(103,85,0,0.7);
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: gold;
|
||||
}
|
||||
[onclick]:hover,
|
||||
a:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.grisons_bar {
|
||||
background-color: rgba(0,255,255,0.1);
|
||||
}
|
||||
div.grisons_bar > div {
|
||||
height: 100%;
|
||||
background-color: rgba(103,85,0,0.7);
|
||||
}
|
||||
div.grisons_bar:hover > div {
|
||||
background-color: gold;
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
a.textlink {
|
||||
color: yellow;
|
||||
}
|
||||
a.hidelink:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.hide {
|
||||
display:none;
|
||||
}
|
||||
@ -1,5 +1,3 @@
|
||||
@import "web/less/grisons";
|
||||
|
||||
body {
|
||||
padding:15px;
|
||||
padding-bottom:35px;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user