#418 client ui
This commit is contained in:
Hamid Reza Mohammadi
parent
8e4ec4b695
commit
d815261946
@ -287,7 +287,7 @@
|
||||
{
|
||||
@($"[{poemGeoTag.Location.Latitude},{poemGeoTag.Location.Longitude}],")
|
||||
}
|
||||
]).addTo(map);
|
||||
]).addTo(map);
|
||||
|
||||
for (var i = 0; i < poemGeoTags.length; i++) {
|
||||
var poemGeoTag = poemGeoTags[i];
|
||||
@ -620,7 +620,7 @@
|
||||
{
|
||||
<div class="related-images-frame" id="qpoems">
|
||||
<div class="century">
|
||||
بازسرودهها و وابستهها <a role="button" class="w3tooltip cursor-pointer" onclick="switch_section('qpoems-section', 'qpoems-collapse-button')"><i class="info-buttons expand_circle_down" id="qpoems-collapse-button"></i><span class="w3tooltiptext">جمع شود / باز شود</span></a>
|
||||
مشق شعر <a role="button" class="w3tooltip cursor-pointer" onclick="switch_section('qpoems-section', 'qpoems-collapse-button')"><i class="info-buttons expand_circle_down" id="qpoems-collapse-button"></i><span class="w3tooltiptext">جمع شود / باز شود</span></a>
|
||||
</div>
|
||||
<div id="qpoems-section">
|
||||
@for (int i = 0; i < Math.Min(5, Model.GanjoorPage.Poem.Top6QuotedPoems.Length); i++)
|
||||
@ -632,40 +632,37 @@
|
||||
<img src="@(GanjooRazor.APIRoot.InternetUrl + Model.GanjoorPage.PoetOrCat.Poet.ImageUrl)" alt="@Html.Raw(Model.GanjoorPage.PoetOrCat.Poet.Nickname)">
|
||||
</div>
|
||||
<div class="simitext">
|
||||
<div class="b-fake">
|
||||
<div class="m1-fake">
|
||||
<p>
|
||||
<a href="#bn@(Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletIndex + 1)">
|
||||
@if (Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletVerse1ShouldBeEmphasized)
|
||||
{
|
||||
<strong>
|
||||
@Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletVerse1
|
||||
</strong>
|
||||
}
|
||||
else
|
||||
{
|
||||
@Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletVerse1
|
||||
}
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="m2-fake">
|
||||
<p>
|
||||
<a href="#bn@(Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletIndex + 1)">
|
||||
@if (Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletVerse2ShouldBeEmphasized)
|
||||
{
|
||||
<strong>
|
||||
@Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletVerse2
|
||||
</strong>
|
||||
}
|
||||
else
|
||||
{
|
||||
@Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletVerse2
|
||||
}
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
<a href="#bn@(Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletIndex + 1)">
|
||||
<strong>
|
||||
بیت @((Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletIndex + 1).ToPersianNumbers())
|
||||
</strong>
|
||||
</a>
|
||||
</p>
|
||||
<p>
|
||||
|
||||
@if (Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletVerse1ShouldBeEmphasized)
|
||||
{
|
||||
<strong>@Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletVerse1</strong>
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
@Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletVerse1
|
||||
}
|
||||
</p>
|
||||
<p>
|
||||
@if (Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletVerse2ShouldBeEmphasized)
|
||||
{
|
||||
<strong>@Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletVerse2</strong>
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
@Model.GanjoorPage.Poem.Top6QuotedPoems[i].CoupletVerse2
|
||||
}
|
||||
</p>
|
||||
|
||||
</div>
|
||||
}
|
||||
else
|
||||
|
||||
@ -342,24 +342,24 @@ div.n, div.l {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.b, .b-fake {
|
||||
.b {
|
||||
margin: auto;
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.m1, .m1-fake {
|
||||
.m1 {
|
||||
width: 45%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.m2, .m2-fake {
|
||||
.m2 {
|
||||
width: 45%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.m1 p, .m1-fake p, .m2 p, .m2-fake p {
|
||||
.m1 p, .m2 p {
|
||||
font-family: Vazir;
|
||||
font-weight: 300;
|
||||
font-size: 0.9em;
|
||||
@ -369,11 +369,11 @@ div.n, div.l {
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.m1 p, m1-fake p {
|
||||
.m1 p {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.m2 p, .m2-fake p {
|
||||
.m2 p {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@ -381,7 +381,7 @@ div.n, div.l {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.m1 p, .m1-fake p, .m2 p, .m2-fake p, .b2 p, .n p{
|
||||
.m1 p, .m2 p, .b2 p, .n p {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
@ -666,7 +666,7 @@ td.c2 {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.b, .b-fake, .b1, .n {
|
||||
.b, .b1, .n {
|
||||
scroll-margin-top: 43px;
|
||||
}
|
||||
|
||||
@ -682,11 +682,11 @@ td.c2 {
|
||||
|
||||
|
||||
@media(max-width: 768px) {
|
||||
.b, .b-fake {
|
||||
.b {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.b p, .b-fake p {
|
||||
.b p {
|
||||
text-align: center;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
@ -696,11 +696,6 @@ td.c2 {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.b-fake > div {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
@ -932,7 +927,7 @@ ol {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.footer-contents .material-icons{
|
||||
.footer-contents .material-icons {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
@ -1993,7 +1988,7 @@ fieldset {
|
||||
.charContainer {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction:row;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.charCell {
|
||||
@ -2007,9 +2002,9 @@ fieldset {
|
||||
margin: 15px !important;
|
||||
}
|
||||
|
||||
.inline-small{
|
||||
display:inline;
|
||||
font-size:small;
|
||||
.inline-small {
|
||||
display: inline;
|
||||
font-size: small;
|
||||
color: gold;
|
||||
}
|
||||
|
||||
@ -2017,9 +2012,9 @@ mark {
|
||||
background: orange;
|
||||
}
|
||||
|
||||
mark.currentInlineResult {
|
||||
background: yellow;
|
||||
}
|
||||
mark.currentInlineResult {
|
||||
background: yellow;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -2028,7 +2023,7 @@ mark.currentInlineResult {
|
||||
background: rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
|
||||
*{
|
||||
* {
|
||||
color: bisque;
|
||||
}
|
||||
|
||||
@ -2037,7 +2032,7 @@ mark.currentInlineResult {
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
.circled-number{
|
||||
.circled-number {
|
||||
border-color: burlywood;
|
||||
border-width: 1px;
|
||||
}
|
||||
@ -2052,7 +2047,7 @@ mark.currentInlineResult {
|
||||
background-blend-mode: multiply;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.clear-both,
|
||||
.tooltip {
|
||||
@ -2069,7 +2064,7 @@ mark.currentInlineResult {
|
||||
background-color: none;
|
||||
}
|
||||
|
||||
.comment-author{
|
||||
.comment-author {
|
||||
background-color: brown;
|
||||
}
|
||||
|
||||
@ -2122,11 +2117,11 @@ mark.currentInlineResult {
|
||||
color: bisque;
|
||||
}
|
||||
|
||||
#main-navbar{
|
||||
#main-navbar {
|
||||
border-color: burlywood;
|
||||
}
|
||||
|
||||
.bg-white{
|
||||
.bg-white {
|
||||
background-color: darkgray !important;
|
||||
}
|
||||
|
||||
@ -2146,6 +2141,4 @@ mark.currentInlineResult {
|
||||
mark.currentInlineResult {
|
||||
background: brown;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user