anas/divan
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #504 from hesamat/poem-papere-bg-light

Browse Source 
Improve background of light and dark themes + footer links overlap on mobile
This commit is contained in:
Hamid Reza Mohammadi 2026-08-22 07:31:30 +03:30 committed by GitHub
commit 5b28b94489
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
21 changed files with 80 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
GanjooRazor/Areas/User/Pages/VerseAdd.cshtml
View File

@ -14,7 +14,7 @@
<meta name="robots" content="noindex, nofollow" />
<title>پیشنهاد اضافه شدن مصرع‌های جا افتاده</title>
<script src="/lib/jquery/dist/jquery.min.js"></script>
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link href="/css/user-panel.css?version=1" rel="stylesheet" type="text/css" />
</head>
<body>

2
GanjooRazor/Pages/Auth/Login.cshtml
View File

@ -13,7 +13,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
</head>
<body class="bk-background">
<div id="hdr">

2
GanjooRazor/Pages/Auth/ResetPassword.cshtml
View File

@ -11,7 +11,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
</head>
<body class="bk-background">
<div id="hdr">

2
GanjooRazor/Pages/Auth/SignUp.cshtml
View File

@ -12,7 +12,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
</head>
<body class="bk-background">
<div id="hdr">

2
GanjooRazor/Pages/CommentReports/ReportComment.cshtml
View File

@ -11,7 +11,7 @@
<meta name="robots" content="noindex, nofollow" />
<title>درخواست حذف حاشیه</title>
<script src="/lib/jquery/dist/jquery.min.js"></script>
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<style>
label {
width: 100px;

2
GanjooRazor/Pages/Error.cshtml
View File

@ -13,7 +13,7 @@
<title>
@ViewData["Title"]
</title>
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

2
GanjooRazor/Pages/ImageRecommendation/Pin.cshtml
View File

@ -12,7 +12,7 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link href="/css/spotify.css" rel="stylesheet" type="text/css" />
<script src="/lib/jquery/dist/jquery.min.js"></script>

2
GanjooRazor/Pages/Map.cshtml
View File

@ -12,7 +12,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="سخنوران و نویسندگان گنجور روی نقشهٔ جغرافیایی" />
<meta charset="utf-8" />
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/css/leaflet.css?version=2" />
<style>
.leaflet-container {

2
GanjooRazor/Pages/Misc/Photos.cshtml
View File

@ -11,7 +11,7 @@
<title>
@Html.Raw(ViewData["Title"])
</title>
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
<script src="/lib/jquery/dist/jquery.min.js"></script>

2
GanjooRazor/Pages/Recitations/AudioClip.cshtml
View File

@ -15,7 +15,7 @@
گنجور » نمایش خوانش
</title>
<link href="~/dist/skin/pink.flag/css/jplayer.pink.flag.min.css" rel="stylesheet" type="text/css" />
<link href="~/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="~/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
<script>

2
GanjooRazor/Pages/Recitations/RecitationsOrder.cshtml
View File

@ -12,7 +12,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<title>اطلاعات رتبه‌بندی خوانش‌های شعر</title>
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
</head>
<body>

2
GanjooRazor/Pages/Recitations/ReportRecitation.cshtml
View File

@ -13,7 +13,7 @@
<meta name="robots" content="noindex, nofollow" />
<title>گنجور » گزارش خطا در خوانش</title>
<script src="/lib/jquery/dist/jquery.min.js"></script>
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link href="~/dist/skin/pink.flag/css/jplayer.pink.flag.min.css" rel="stylesheet" type="text/css" />
<style>
label {

2
GanjooRazor/Pages/Shared/_AdminLayout.cshtml
View File

@ -10,7 +10,7 @@
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" />
<link href="/dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link href="/css/user-panel.css?version=3" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

2
GanjooRazor/Pages/Shared/_Layout.cshtml
View File

@ -30,7 +30,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>@Html.Raw(ViewData["Title"])</title>
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
<script src="/lib/jquery/dist/jquery.min.js"></script>

2
GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
View File

@ -9,7 +9,7 @@
</title>
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" />
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link href="/css/user-panel.css?version=3" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

2
GanjooRazor/Pages/SongRecommendation/Bp.cshtml
View File

@ -12,7 +12,7 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link href="/css/spotify.css" rel="stylesheet" type="text/css" />
<script src="/lib/jquery/dist/jquery.min.js"></script>

2
GanjooRazor/Pages/SongRecommendation/Golha.cshtml
View File

@ -11,7 +11,7 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link href="/css/spotify.css" rel="stylesheet" type="text/css" />
<script src="/lib/jquery/dist/jquery.min.js"></script>
<script src="~/js/golha.js"></script>

2
GanjooRazor/Pages/SongRecommendation/Spotify.cshtml
View File

@ -12,7 +12,7 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link href="/css/spotify.css" rel="stylesheet" type="text/css" />
<script src="/lib/jquery/dist/jquery.min.js"></script>

2
GanjooRazor/Pages/errors/404.cshtml
View File

@ -13,7 +13,7 @@
<title>
@ViewData["Title"]
</title>
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

2
GanjooRazor/Pages/errors/503.cshtml
View File

@ -14,7 +14,7 @@
<title>
@ViewData["Title"]
</title>
<link href="/css/p8.css?version=87" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=88" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

72
GanjooRazor/wwwroot/css/p8.css
View File

@ -66,19 +66,19 @@
:root {
color-scheme: dark;
--bg-page: #081018;
--card-paper: #121922;
--card-poem: #161e2a;
--card-inner: #1d2530;
--card-nested: #252e3a;
--bg-page: #14120f;
--card-paper: #181510;
--card-poem: #1c1916;
--card-inner: #242019;
--card-nested: #2d2620;
--ink-black: #e6edf3;
--text-muted: #9aa4af;
--ink-black: #e7ded0;
--text-muted: #9e9185;
--lapis: #f0f6fc;
--lapis-hover: #78b7ff;
--gold: #c9a050;
--gold-light: #30363d;
--gold-light: #3a322b;
--brand: #d4553a;
--gold-subtle: #2a2418;
--border-gold: #9b7332;
@ -207,7 +207,7 @@ form:after, form div:after {
margin: 18px auto;
display: block;
border: 2px solid var(--accent-border);
border-radius: 10px;
border-radius: 18px;
padding: 0;
background-color: var(--card-poem);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.16);
@ -219,7 +219,7 @@ form:after, form div:after {
.sitem {
margin: 16px auto;
padding: 24px 16px;
border-radius: 5px;
border-radius: 12px;
}
}
@ -228,6 +228,10 @@ form:after, form div:after {
padding: 0;
}
.poem {
background-color: #f3e9d0;
}
.poem p {
text-indent: 20px;
text-align: justify;
@ -235,6 +239,19 @@ form:after, form div:after {
margin-right: 16px;
}
@media (prefers-color-scheme: dark) {
.poem {
background-color: var(--card-poem);
}
#main, .sitem, .poem {
border-width: 1px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25),
0 16px 36px -14px rgba(0, 0, 0, 0.55),
0 0 0 1px rgba(201, 160, 80, 0.08);
}
}
.poem-excerpt a {
color: var(--brand);
-webkit-text-fill-color: var(--brand);
@ -1726,13 +1743,14 @@ ol {
.footer-contents {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 50px;
margin-top: 5px;
margin-bottom: 5px;
}
.link-list-internals {
grid-column: 1/3;
grid-column: 1/2;
grid-row: 1/1;
}
@ -1742,10 +1760,38 @@ ol {
}
.link-list-about {
grid-column: 3/3;
grid-column: 3/4;
grid-row: 1/1;
}
@media (max-width: 768px) {
.footer-contents {
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
}
.link-list-internals {
grid-column: 1/2;
grid-row: auto;
}
.link-list-tools {
grid-column: 2/3;
grid-row: auto;
}
.link-list-about {
grid-column: 1/3;
grid-row: auto;
column-count: 2;
column-gap: 20px;
}
.link-list-about li {
break-inside: avoid;
}
}
#footer {
background: var(--card-inner);
border: 1.5px solid var(--border-gold);
@ -1778,9 +1824,11 @@ ol {
border-bottom: 2px solid var(--accent-border);
}
@media (min-width: 769px) {
#footer .link-list-tools li {
padding-right: 50px;
}
}
.recitaion-info {
}