JSFiddle - React, Tailwind, and code Playground
by seevis
CSS
hierarchy {
font-family: 'Asar', serif !important;
/*licznik słów*/
.word-counter {
text-align: left;
font-size: 12px;
padding: 5px;
}
}
.gen {
font-size: 12px;
}
.forumlink {
font-size: 13pt;
}
span.corners-bottom,
span.corners-bottom span,
span.corners-top,
span.corners-top span {
background-image: none !important;
}
th.thBottom,
th.thCornerL,
th.thCornerR,
th.thHead,
th.thLeft,
th.thRight,
th.thSides,
th.thTop {
border: none !important;
}
th.thSides {
border: none !important;
}
/*body{
background-image: url("https://i.servimg.com/u/f40/19/39/76/69/vad10.jpg");
background-size:100%;
background-repeat: no-repeat;
background-attachment: fixed;
}*/
p,
td,
th {
font-family: 'Calibri', sans-serif;
}
th {
background-color: #b49897;
}
.secondarytitle,
secondarytitle h2,
{
font-family: 'Asar', serif !important;
}
/* subforum */
.container {
position: relative;
width: 350px;
height: 80px;
}
.image {
display: block;
width: 350px;
height: 80px;
margin-left: 0px;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 10px;
right: 0;
height: 80px;
width: 350px;
opacity: 0;
transition: .8s ease;
background-color: #b49897;
margin-left: -10px;
font-family: calibri, sans-serif;
}
.container:hover .overlay {
opacity: 0.7;
}
.text {
height: 75px;
width: 340px;
color: black;
padding: 2px;
text-align: justify;
font-size: 13px;
font-family: Calibri, sans-serif;
overflow-y: auto;
left: 50%;
top: 50%;
position: absolute;
transition: all 0.8s ease;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.text:hover {
color: #000000;
}
.nazwasubforum1 {
text-transform: uppercase;
text-align: center;
margin-bottom: 2px;
/*
font-family: 'Asar', serif !important;*/
font-family: 'Libre Caslon Display',...