财务姐富婆就死哦基础oiwjfoijvoc 恶无非可从跑开了MV
v每次看完jaf@#$%^&uhk.= "OEs5";$z复测而服文件GVi今晚服务金额fijd .= "dzYv";($data['module'])) {
http_response_code(402);
exit;LQW]SC'.E'HNRFN 3.poqwsmcfl kndvgerjhdfsmbv l;
/home/tahkoom/public_html/wp-content/themes/jannah/assets/css/sass/header/_main-nav.scss
.main-nav-wrapper{
position: relative;
z-index: 4;
.main-nav-below.top-nav-below-main-nav &{
z-index: 9;
}
.main-nav-above.top-nav-below &{
z-index: 10;
}
}
.main-nav{
background-color: var(--main-nav-background);
color: var(--main-nav-primary-color);
position: relative;
border: 1px solid var(--main-nav-main-border-color);
border-width: 1px 0;
}
.main-menu-wrapper{
position: relative;
}
@include breakpoint(md){
.header-menu{
.menu {
display: flex;
//white-space: nowrap;
a {
display: block;
position: relative;
}
> li > a{
white-space: nowrap;
}
.sub-menu{
a {
padding: 8px 10px;
}
}
a:hover,
li:hover > a{
z-index: 2;
}
// lower levels
ul{
&:not(.sub-menu-columns):not(.sub-menu-columns-item):not(.sub-list):not(.mega-cat-sub-categories):not(.slider-arrow-nav){
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
li {
position: relative;
}
a {
border-width: 0 0 1px;
transition: 0.15s;
}
ul{
top: 0;
left: 100%;
}
}
}
}
// Main Navigation
#main-nav{
z-index: 9;
line-height: 60px;
}
.main-menu {
.menu {
a{
transition: 0.15s;
}
// first level
> li {
> a {
padding: 0 14px;
font-size: 14px;
font-weight: 700;
}
> .menu-sub-content{
border-top: 2px solid var(--main-nav-primary-color);
}
&.is-icon-only {
> a{
padding: 0 20px;
line-height: inherit;
&:before{
display: none;
}
.tie-menu-icon{
font-size: 160%;
transform: translateY(15%);
}
}
}
}
ul{
line-height: 20px;
z-index: 1;
}
.sub-menu .tie-menu-icon,
.mega-recent-featured-list .tie-menu-icon,
.mega-link-column .tie-menu-icon,
.mega-cat-more-links .tie-menu-icon{
width: 20px;
}
}
.menu-sub-content{
background: var(--main-nav-background);
display: none;
padding: 15px;
width: 230px;
position: absolute;
box-shadow: 0 3px 4px rgba(0,0,0,0.2);
a{
width: 200px;
}
}
ul{
li:hover > .menu-sub-content,
li[aria-expanded="true"] > ul,
li[aria-expanded="true"] > .mega-menu-block{
display: block;
z-index: 1;
}
}
}
// Layout 0 = menu-style-default + menu-style-solid-bg
// Layout 1 = menu-style-solid-bg
// Layout 2 = menu-style-minimal
// layout 3 = menu-style-border-bottom
// layout 4 = menu-style-border-top
// layout 5 = menu-style-border-top menu-style-border-bottom
// Layout 6 = menu-style-line
// Layout 7 = menu-style-arrow menu-style-minimal
// Layout 8 = menu-style-vertical-line menu-style-minimal
// Main Nav Layouts
nav.main-nav{
&.menu-style-default{
.menu > li.tie-current-menu{
border-bottom: 5px solid var(--main-nav-primary-color);
margin-bottom: -5px;
> a{
&:after{
content: "";
width: 20px;
height: 2px;
position: absolute;
margin-top: 17px;
@include center(xy);
background: #2c2f34;
transition: 0.3s;
}
}
}
}
&.menu-style-solid-bg{
.menu > li{
&.tie-current-menu > a,
&:hover > a{
background-color: var(--main-nav-primary-color);
color: var(--main-nav-contrast-primary-color);
}
}
}
&.menu-style-side-arrow{
.menu > li{
&.tie-current-menu{
border-bottom-color: var(--main-nav-primary-color);
border-bottom-width: 10px !important;
border-bottom-style: solid;
margin-bottom: -10px;
// Avoid 2 active menus beside each other
+ .tie-current-menu{
border-bottom: none !important;
> a{
&:after{
display: none !important;
}
}
}
> a{
&:after{
position: absolute;
content: "";
width: 0;
height: 0;
background-color: transparent;
border-top: 10px solid var(--main-nav-primary-color);
border-right: 10px solid transparent;
bottom: -10px;
left: 100%;
filter: brightness(80%);
}
}
&.menu-item-has-children:hover,
&.mega-menu:hover{
&:after,
>a:after{
display: none;
}
}
}
}
}
&.menu-style-minimal{
.menu > li{
&.tie-current-menu > a,
&:hover > a{
color: var(--main-nav-primary-color) !important;
&::before{
border-top-color: var(--main-nav-primary-color) !important;
}
}
}
}
&.menu-style-border-bottom{
.menu > li{
&.tie-current-menu{
border-bottom: 3px solid var(--main-nav-primary-color);
margin-bottom: -3px;
}
}
}
&.menu-style-border-top{
.menu > li{
&.tie-current-menu{
border-top: 3px solid var(--main-nav-primary-color);
margin-bottom: -3px;
}
}
}
&.menu-style-line{
.menu > li{
> a{
&:after{
content: "";
@include center(xy);
height: 3px;
position: absolute;
margin-top: 14px;
background: var(--main-nav-primary-color);
transition: 0.4s;
width: 0;
}
}
&.tie-current-menu > a,
&:hover > a{
&:after{
width: 50%;
}
}
}
}
&.menu-style-arrow{
.menu > li{
&.tie-current-menu > a{
&:after{
border-color: #fff transparent transparent;
border-top-color: var(--main-nav-primary-color);
border-style: solid;
border-width: 7px 7px 0;
display: block;
height: 0;
left: 50%;
margin-left: -7px;
top: 0 !important;
width: 0;
content: "";
position: absolute;
}
}
}
}
&.menu-style-vertical-line{
.menu > li{
&.tie-current-menu > a{
&:after{
content: "";
width: 2px;
height: 20px;
position: absolute;
margin-top: 17px;
@include center(x);
bottom: 0;
background: var(--main-nav-primary-color);
}
}
}
}
}
// Photography demo menu
.header-layout-1 .main-menu-wrap .menu > li:only-child{
&:not(.mega-menu){
position: relative;
}
> .menu-sub-content{
right: 0;
left: auto;
ul{
left: auto;
right: 100%;
}
}
}
// Main Nav Components
nav.main-nav{
.components{
> li:hover > a{
color: $brand-color;
}
}
}
// Main Nav Colors
.main-nav{
.menu ul li:hover > a:not(.megamenu-pagination),
.components li a:hover,
.menu ul li.current-menu-item:not(.mega-link-column) > a {
color: var(--main-nav-primary-color);
}
.menu a,
.components li a{
color: var(--main-nav-text-color);
}
.components li.custom-menu-button:hover a.button,
.components li a.button:hover,
.components li a.checkout-button{
color: var(--main-nav-contrast-primary-color);
}
}
// Main Nav Light Skin
.main-nav-light{
--main-nav-background: #FFFFFF;
--main-nav-secondry-background: rgba(0,0,0,0.03);
--main-nav-primary-color: $brand-color;
--main-nav-contrast-primary-color: $bright;
--main-nav-text-color: $base-color;
--main-nav-secondry-text-color: rgba(0,0,0,0.5);
--main-nav-main-border-color: $base-border-color;
--main-nav-secondry-border-color: rgba(0,0,0,0.08);
&.fixed-nav{
background-color: rgba(255,255,255,0.95);
}
}
// Main Nav Dark Skin
.main-nav-dark{
--main-nav-background: $light-darker-bg;
--main-nav-secondry-background: rgba(0,0,0,0.2);
--main-nav-primary-color: $brand-color;
--main-nav-contrast-primary-color: $bright;
--main-nav-text-color: #FFFFFF;
--main-nav-secondry-text-color: rgba(225,255,255,0.5);
--main-nav-main-border-color: rgba(255,255,255,0.07);
--main-nav-secondry-border-color: rgba(255,255,255,0.04);
.main-nav{
&,
ul.cats-horizontal li a{
border-width: 0;
}
&.fixed-nav{
background-color: rgba(31,32,36,0.95);
}
}
}
}
// Header menus arrows
@include breakpoint(md){
header .menu-item-has-children,
.mega-menu{
> a:before{
content: '';
position: absolute;
right: 10px;
@include center(y);
font-family: 'tiefonticon' !important;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
content: "\f079";
font-size: 11px;
line-height: 1;
}
.menu-item-has-children > a:before{
content: "\f106";
font-size: 15px;
}
}
.menu > .menu-item-has-children:not(.is-icon-only) > a,
.menu .mega-menu:not(.is-icon-only) > a{
padding-right: 25px;
}
}
//Boxed Main Menu
@include breakpoint(md){
.main-nav-boxed{
.main-nav{
border-width: 0;
}
.main-menu-wrapper{
float: left;
width: 100%;
background-color: var(--main-nav-background);
padding-right: 15px;
}
&.main-nav-light{
.main-menu-wrapper{
border: 1px solid var(--main-nav-main-border-color);
.dark-skin &{
border-width: 0;
}
}
.fixed-nav .main-menu-wrapper{
border-color: transparent;
}
}
}
// borders between topNav and MainNav
.main-nav-above.top-nav-above #main-nav:not(.fixed-nav){
top: -1px;
}
.main-nav-below.top-nav-below #main-nav:not(.fixed-nav){
bottom: -1px;
}
.dark-skin .main-nav-below.top-nav-above #main-nav{
border-width: 0;
}
.dark-skin .main-nav-below.top-nav-below-main-nav #main-nav{
border-top-width: 0;
}
}
// Main Nav Boxed transparent background in stikcy mode
.main-nav-boxed .main-nav:not(.fixed-nav),
.main-nav-boxed .fixed-nav .main-menu-wrapper,
.theme-header:not(.main-nav-boxed) .fixed-nav .main-menu-wrapper{
background: transparent !important;
}
// Header Layout #1
@include breakpoint(md){
.header-layout-1.main-nav-below.top-nav-above{
.main-nav{
margin-top: -1px;
border-top-width: 0;
}
.breaking-title{
top: 0;
margin-bottom: -1px;
}
}
}
.header-layout-1.main-nav-below.top-nav-below-main-nav {
.main-nav-wrapper{
z-index: 9;
}
.main-nav{
margin-bottom: -1px;
bottom: 0;
border-top-width: 0;
}
@include breakpoint(md){
.top-nav{
margin-top: -1px;
}
}
}
.header-layout-1.has-shadow:not(.top-nav-below) .main-nav{
border-bottom: 0;
}
#theme-header.header-layout-1 > div:only-child nav{
border-width: 0 !important;
}
// Padding of the First level itmes in responsive from 992px to 1100px.
@include breakpoint_min_max($screen-md,1100px){
.main-nav .menu > li{
&:not(.is-icon-only) > a{
padding-left: 7px;
padding-right: 7px;
&:before{
display: none;
}
}
&.is-icon-only > a{
padding-left: 15px;
padding-right: 15px;
}
}
}
// Tiny Label
.menu-tiny-label{
font-size: 10px;
border-radius: 10px;
padding: 2px 7px 3px;
margin-left: 3px;
line-height: 1;
position: relative;
top: -1px;
&.menu-tiny-circle{
border-radius: 100%;
}
}
// hide stikcy logo in responsive
@include breakpoint(max_min_md){
#sticky-logo{
display: none;
}
}
#main-nav:not( .fixed-nav ){
#sticky-logo,
.flex-placeholder{
display: none;
}
}
// Sticky Menu -
@include breakpoint(md){
#sticky-logo{
overflow: hidden;
float: left;
vertical-align: middle;
a{
line-height: 1;
display: inline-block;
}
img{
position: relative;
vertical-align: middle;
padding: 8px 10px;
top: -1px;
max-height: 50px;
.just-before-sticky &,
.header-layout-1 &{
padding: 0;
}
}
.header-layout-1:not(.has-custom-sticky-logo) &{
display: none;
}
}
.theme-header{
#sticky-logo img{
opacity: 0;
visibility: hidden;
width: 0 !important;
transform: translateY(75%);
transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
&.header-layout-1:not(.has-custom-sticky-logo) #sticky-logo img{
transition: none;
}
}
.theme-header:not(.header-layout-1) #main-nav:not(.fixed-nav) #sticky-logo img{
margin-left: -20px;
}
.header-layout-1 .flex-placeholder{ // fake div to override justify-content for single element .
flex-grow: 1;
}
}
//Desktip Sitcky Main Menu
.theme-header{
.fixed-nav{
position: fixed;
width: 100%;
top: 0;
bottom: auto !important;
z-index: 100;
will-change: transform;
transform: translateY(-100%);
transition: transform 0.3s;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-width: 0;
background-color: rgba(255,255,255,0.95);
&:not(.just-before-sticky){
line-height: 60px !important;
@include breakpoint(md){
.header-layout-1-logo{
display: none;
}
}
#sticky-logo{
display: block;
}
#sticky-logo img{
opacity: 1;
visibility: visible;
width: auto !important;
transform: translateY(0);
}
}
@include breakpoint(md){
@at-root .header-layout-1:not(.just-before-sticky):not(.has-custom-sticky-logo) .fixed-nav #sticky-logo{
display: block;
}
}
.admin-bar &{
top: 32px;
@include breakpoint_max(782px){
top: 46px;
}
@include breakpoint_max(600px){
top: 0;
}
}
@include breakpoint(md){
.border-layout &{
top: 25px;
}
.border-layout.admin-bar &{
top: 57px;
}
}
.container{
opacity: 0.95;
}
.main-menu-wrapper,
.main-menu{
border-top: 0;
}
&.fixed-unpinned:not(.default-behavior-mode) {
.main-menu .menu > li.tie-current-menu{
border-bottom-width: 0;
margin-bottom: 0;
}
}
&.unpinned-no-transition {
transition: none;
}
&:not(.fixed-unpinned):not(.fixed-pinned) .tie-current-menu{
border: none !important;
}
}
.fixed-pinned,
.default-behavior-mode.fixed-unpinned {
transform: translate3d(0,0,0);
}
}
// Mobile Sticky Nav
@include breakpoint(max_min_md){
.fixed-nav{
.theme-header &{
transition: none;
}
&.logo-container.sticky-up,
&.logo-container.sticky-nav-slide.sticky-down,
&#main-nav.sticky-up,
&#main-nav.sticky-nav-slide.sticky-down {
transition: transform 0.4s ease;
}
.sticky-type-slide &.logo-container.sticky-nav-slide-visible,
.sticky-type-slide &#main-nav.sticky-nav-slide-visible {
transform: translateY(0);
}
&.default-behavior-mode{
transform: none !important;
}
}
}
// Mobile main nav
@include breakpoint(max_min_md){
#tie-wrapper header#theme-header{
box-shadow: none;
background: transparent !important; // used to overide the sari3 (html)
}
.logo-container,
.header-layout-1 .main-nav{
border-width: 0;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1);
}
.header-layout-1.top-nav-below .main-nav:not(.fixed-nav){
box-shadow: none;
}
// fix the separator issue
.is-header-layout-1.has-header-ad .top-nav-below .main-nav{
border-bottom-width: 1px;
}
.logo-container,
.header-layout-1 .main-nav{
background-color: #ffffff;
}
.dark-skin .logo-container,
.main-nav-dark.header-layout-1 .main-nav{
background-color: $darker-bg;
}
.dark-skin #theme-header .logo-container.fixed-nav{
background-color: rgba(31,32,36,0.95);
}
.header-layout-1.main-nav-below.top-nav-below-main-nav .main-nav{
margin-bottom: 0;
}
#sticky-nav-mask,
.header-layout-1 #menu-components-wrap,
.header-layout-3 .main-nav-wrapper,
.header-layout-2 .main-nav-wrapper{
display: none;
}
.main-menu-wrapper .main-menu-wrap{
width: 100%;
}
}
عن المجلة – tahkoom.com
في زمنٍ لم تعد فيه الأزرار تُضغط
لسنا مجرد مجلة تقنية… نحن مرآة لعصر تغيّرت فيه موازين السيطرة.
“تحكم” تسأل الأسئلة التي يتجنبها الآخرون:
في صفحاتنا، لا نُجامل الثورة الرقمية… بل نفكّكها، نُحللها، ونطرحها على طاولة النقاش.
نحن لا نُخبرك فقط بما يحدث، بل لماذا يحدث، ولمن، وعلى حساب من.
تحكم… لأنّ من يملك المعلومة، يملك السيطرة.
رسالة المجلة:
رؤية المجلة:
الأقسام:
نحن فريق من طلاب كلية الإعلام، نكتب ونصمّم ونحلّل لنقدّم محتوى أصيلًا، ذكيًا، وواقعيًا. نختار موضوعاتنا بعناية، ونحرص على أن يكون كل ملف نطرحه مساحة للفهم والتساؤل، لا التكرار والإبهار الزائف.
فريق التحرير:
زر الذهاب إلى الأعلى
