File: /var/www/negarestandoc.ir/root/wp-content/themes/generatepress-child/style.css
/*
Theme Name: GeneratePress Child
Template: generatepress
Version: 1.0.0
*/
@font-face {
font-family: Farhang;
src: url("fonts/FarhangVariable.woff") format("woff");
font-display: fallback;
}
@font-face {
font-family: Vazir Code;
src: url('fonts/Vazir-Code.eot');
src: url('fonts/Vazir-Code.eot?#iefix') format('embedded-opentype'),
url('fonts/Vazir-Code.woff') format('woff'),
url('fonts/Vazir-Code.ttf') format('truetype');
font-weight: normal;
}
@font-face {
font-family: Vazir Code Hack;
src: url('fonts/Vazir-Code-Hack.eot');
src: url('fonts/Vazir-Code-Hack.eot?#iefix') format('embedded-opentype'),
url('fonts/Vazir-Code-Hack.woff') format('woff'),
url('fonts/Vazir-Code-Hack.ttf') format('truetype');
font-weight: normal;
}
.bg-teal { background:#1e4754; } /* same teal band */
pre, code {
font-family: 'Vazir Code', 'Vazir Code Hack', monospaced;
}
html, body {
margin: 0;
padding: 0;
font-family: Farhang !important;
}
a {
color: var(--accent);
text-decoration: none !important;
}
.btn-teal {
--bs-btn-color: #fff !important;
--bs-btn-bg: var(--accent) !important;
--bs-btn-border-color: var(--accent) !important;
--bs-btn-hover-color: #fff !important;
--bs-btn-hover-bg: var(--accent) !important;
--bs-btn-hover-border-color: var(--accent) !important;
--bs-btn-focus-shadow-rgb: 49,132,253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: var(--accent) !important;
--bs-btn-active-border-color: var(--accent);
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: var(--accent) !important;
--bs-btn-disabled-border-color: var(--accent) !important;
}
.menu-item a {
color: var(--accent) !important;
}
.breadcrumb-item + .breadcrumb-item::before {
padding-left: 0 !important;
padding-right: var(--bs-breadcrumb-item-padding-x);
transform: rotate(180deg);
}
/* Make site header RTL */
.main-navigation,
.site-header,
.inside-header {
direction: rtl;
}
.site-herader {
position: absolute;
width: 100%;
z-index: 2;
}
/* Reverse flex direction of header */
.inside-header {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
/* Optional: make the logo smaller and aligned right */
.site-logo {
margin-left: 1rem;
margin-right:0;
order: 1;
}
/* Optional: align site branding (title and tagline) to the right */
.site-branding {
text-align: right;
order:2 !important;
}
/* Optional: align the navigation menu to the left */
.main-navigation {
text-align: left;
}
.nav-float-right #site-navigation {
margin-left: 0;
}
.site-branding-container .site-logo {
margin-right: 0;
}
.main-title {
font-size:30px;
}
.site-description {
display: block;
font-size: 14px !important;
font-weight: 400;
}
.mobil-description {
display: none !important;
}
@media (max-width: 768px) {
.site-header .header-image {
width: 65px;
}
.site-description {
display: none;
}
.main-navigation.toggled .main-nav li {
text-align: center;
}
.mobil-description {
display: block !important;
}
.mobil-description a {
line-height: 24px !important;
font-size: 14px;
}
.inside-navigation {
background-color: white;
}
}
.hover-shadow:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
transition: box-shadow 0.3s ease;
}
.site-content {
display:block;
}
.front-hero {
position: relative;
height: 100vh;
overflow: hidden;
background-color: #000;
display: flex;
flex-direction: column;
justify-content: center;
}
.linked-pages-grid {
flex-wrap: wrap;
gap: 10px;
padding: 1rem;
justify-content: center;
align-items: center;
display: flex;
}
.grid-card {
flex: 1 1 18%;
max-width: 18%;
min-width: 160px;
aspect-ratio: 3 / 4;
position: relative;
overflow: hidden;
border-radius: 5px;
transition: transform 0.3s ease;
}
.grid-card img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.8) grayscale(1);
transition: filter 0.3s;
}
.grid-card:hover img {
filter: brightness(1) grayscale(0);
}
.overlay-title {
position: absolute;
bottom: 0;
background: rgba(0,0,0,0.5);
color: white;
width: 100%;
height:100%
}
.overlay-box {
position: relative;
z-index: 2;
background: rgba(0,0,0,0.7);
padding: 2rem 3rem;
border-radius: 10px;
max-width: 600px;
margin: auto;
text-align: center;
}
.year-slider {
position: absolute;
bottom: 20px;
width: 100%;
z-index: 2;
text-align: center;
color: white;
}
/* Mobile horizontal scroll */
@media (max-width: 768px) {
.linked-pages-grid {
flex-wrap: nowrap;
overflow-x: auto;
gap: 1rem;
}
.grid-card {
flex: 0 0 70%;
max-width: 70%;
margin-right: 1rem;
}
}
.site-footer-logo img {
max-width: 80px;
height: auto;
display: block;
}
.p-english {
direction: ltr;
text-align: left !important;
}
.font-fd {
direction:rtl;
text-align: right !important;
}
.archive-mosaic-section {
background: #f8f7f4 url('/wp-content/themes/YOURTHEME/images/noise.png') repeat; /* add a light paper texture if you want */
direction: rtl;
}
.section-header h2.archive-title {
font-size: 2rem;
border-bottom: 2px solid #aaa;
display: inline-block;
padding-bottom: 0.4rem;
color: #333;
}
.archive-subtitle {
color: #666;
font-size: 1rem;
}
.mosaic-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.mosaic-tile {
width: 240px;
height: 320px;
position: relative;
overflow: hidden;
border-radius: 12px;
background: #e9e6dc;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.tile-image {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(20%) contrast(90%);
transition: transform 0.5s ease;
}
.tile-overlay {
position: absolute;
bottom: 0;
width: 100%;
height: 40%;
background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
opacity: 0;
transition: opacity 0.4s ease;
}
.tile-title {
font-family: 'IRANSans', serif;
font-size: 1rem;
padding: 0.5rem 1rem;
}
.mosaic-tile:hover {
transform: scale(1.03);
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.mosaic-tile:hover .tile-overlay {
opacity: 1;
}
.mosaic-tile:hover .tile-image {
transform: scale(1.05);
}
@media (max-width: 768px) {
.mosaic-grid {
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: 1rem;
}
.mosaic-tile {
flex: 0 0 auto;
scroll-snap-align: center;
}
}
.random-doc-full-bg {
position: relative;
overflow: hidden;
}
.random-doc-full-bg .bg-img {
transition: transform 20s linear;
}
.random-doc-full-bg:hover .bg-img {
transform: scale(1.05);
}
.random-doc-full-bg .container-fluid {
position: relative;
z-index: 2;
}
.random-doc-full-bg .bg-opacity-75 {
backdrop-filter: blur(3px);
}
.random-doc-section {
height: 100vh;
scroll-snap-align: start;
scroll-snap-stop: always;
position: relative;
}
.parallax-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: contain;
background-position: center;
# background-attachment: fixed;
z-index: 1;
background-repeat: no-repeat;
background-color: white;
}
@media (max-width: 768px) {
.parallax-bg {
background-attachment: scroll;
}
}
.hero-section {
height: 100vh;
scroll-snap-align: start;
position: relative;
overflow: hidden;
direction: rtl;
}
.hero-bg {
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
.hero-section .container {
z-index: 2;
position: relative;
}
.search-form input.form-control {
border-radius: 0.5rem 0 0 0.5rem;
}
.search-form .btn {
border-radius: 0 0.5rem 0.5rem 0;
}
.advance-search[aria-expanded=false] .search-expanded {
display: none;
}
.advance-search[aria-expanded=true] .search-collapsed {
display: none;
}
.flip-card {
background-color: transparent;
width: 240px;
height: 320px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
backface-visibility: hidden;
-moz-backface-visibility: hidden;
}
.flip-card:focus {
outline: 0;
}
.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner{
transform: rotateY(180deg);
}
.flip-card-front,
.flip-card-back {
position: absolute;
width: 100%;
height: 100%;
}
.flip-card-front {
color: black;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
}
.flip-card-back {
color: white;
transform: rotateY(180deg);
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
}
.object-fit-contain {
object-fit: contain;
}
.doc-card:hover {
transform: translateY(-3px);
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.acf-info p {
font-size: 0.85rem;
line-height: 1.4;
}
.doc-fields dl dt {
border-right: 3px solid #ddd;
padding-right: 0.5rem;
}
.doc-fields dl dd {
margin-bottom: 0.75rem;
}
.shenasname {
font-size: 14px;
}
#comments .comment-list .children { margin-right: 2rem; } /* RTL nesting */
#comments .comment-list .comment:last-child { border-bottom: 0; }
#comments .form-control { border-radius: .5rem; }