divan/DivanRazor/wwwroot/css/r4.css
Anas Rashid 532d005cdb Rename Ganjoor -> Divan throughout the code
Projects (GanjooRazor -> DivanRazor, GanjoorService.sln -> DivanService.sln), files,
folders, classes, namespaces, settings, API routes (/api/divan) and DB tables (Divan*).
External addresses (ganjoor.net, github.com/ganjoor) unchanged. Migrations renamed
consistently (no pending model changes); requires a fresh database.
Upstream RUNNING_LOCALLY/SEMANTIC_SEARCH docs archived unmodified under docs/.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-04 23:49:01 +02:00

145 lines
2.3 KiB
CSS

@font-face {
font-family: 'Vazirmatn';
src: url('/fonts/Vazirmatn-Regular.woff2') format('woff2');
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Vazirmatn';
src: url('/fonts/Vazirmatn-Medium.woff2') format('woff2');
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: 'Vazirmatn';
src: url('/fonts/Vazirmatn-Bold.woff2') format('woff2');
font-weight: 700;
font-display: swap;
}
html {
height: 100%;
}
body {
min-height: 100%;
margin: 0;
padding: 0;
font-family: 'Vazirmatn' !important;
font-size: 1em;
text-align: center;
background-color: #fff;
background-position: center center;
background-image: url('/image/sky.jpg');
background-repeat: no-repeat;
background-size: cover;
}
#content {
position: relative;
margin: auto;
text-align: left;
width: 600px;
height: 100px;
}
.divan-block {
width: 100%;
display: block;
margin: auto;
text-align: center;
font-family: 'Vazirmatn' !important;
}
.divan-block-title {
display: none
}
.divan-poem-block {
display: block;
width: 100%;
margin-bottom: 5px;
margin-top: 20px;
color: white;
font-size: 1.2em;
}
.divan-m1 {
width: 61%;
float: right;
text-align: left;
display: block;
margin-top: 10px;
}
.divan-m2 {
width: 61%;
float: left;
text-align: right;
display: block;
margin-top: 10px;
}
.divan-footer {
display: block;
width: 100%;
margin-top: -160px;
background-color: rgba(0, 0, 0, 0.5);
}
.divan-poet {
font-size: 1em;
text-align: center;
}
.divan-poet a {
text-decoration: none;
color: yellow
}
.cursor-pointer{
cursor: pointer;
}
#footer {
position: fixed;
bottom: 0;
margin: auto;
height: 80px;
width: 600px;
font-size: 0.8em;
text-align: center;
color: white;
}
#footer p {
background-color: rgba(0, 0, 0, 0.2);
margin: 0;
padding: 0
}
#footer a {
text-decoration: none;
color: orange;
}
@media(max-width: 768px) {
#content {
width: 100%;
}
#footer {
width: 100%;
}
.divan-m1 {
width: 100%;
text-align: center;
}
.divan-m2 {
width: 100%;
text-align: center;
}
}