28. september, 2026

body { font-family: 'Mukta', sans-serif; } #user-menu-wrapper { display: flex; justify-content: flex-end; align-items: center; padding: 0; } /* Login Button Styles */ .login-btn { display: inline-flex; align-items: center; padding: 10px 20px; background: white; color: #1F3B4D; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 12px; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(31, 59, 77, 0.2); } .login-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(31, 59, 77, 0.3); } /* User Menu Container */ .user-menu { position: relative; display: inline-block; } .user-avatar { display: flex; align-items: center; gap: 12px; padding: 8px 16px; background: #1f3b4d; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(31, 59, 77, 0.2); } .user-avatar:hover { background: #2d5470; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(31, 59, 77, 0.3); } .user-avatar img { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255, 255, 255, 0.2); } .user-name { color: white; font-weight: 600; font-size: 15px; padding-right: 8px; } /* Dropdown Menu */ .dropdown-menu { position: absolute; top: calc(100% + 8px); right: -20%; background: #1f3b4d; min-width: 220px; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; overflow: hidden; } .dropdown-menu.show { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-menu::before { content: ''; position: absolute; top: -6px; right: 20px; width: 12px; height: 12px; background: #1f3b4d; transform: rotate(45deg); } .dropdown-menu ul { list-style: none; padding: 8px 0; margin: 0; } .dropdown-menu ul li { margin: 0; } .dropdown-menu ul li a { display: block; padding: 12px 20px; color: white; text-decoration: none; font-weight: 500; font-size: 15px; transition: all 0.2s ease; position: relative; } .dropdown-menu ul li a:hover { background: rgba(255, 255, 255, 0.1); padding-left: 24px; } .dropdown-menu ul li:not(:last-child) a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .dropdown-menu ul li:last-child a { color: #ff6b6b; font-weight: 600; } .dropdown-menu ul li:last-child a:hover { background: rgba(255, 107, 107, 0.1); } /* Responsive Design */ @media (max-width: 768px) { .user-name { display: none; } .user-avatar { padding: 8px; } .dropdown-menu { min-width: 200px; } } document.addEventListener('DOMContentLoaded', function() { const loggedInMenu = document.getElementById('logged-in-menu'); const loggedOutMenu = document.getElementById('logged-out-menu'); // WordPress adds "logged-in" to when the user is logged in const isLoggedIn = document.body.classList.contains('logged-in'); if (isLoggedIn) { loggedInMenu.style.display = 'block'; loggedOutMenu.style.display = 'none'; } else { loggedInMenu.style.display = 'none'; loggedOutMenu.style.display = 'flex'; } // Dropdown hover behavior const userMenu = document.getElementById('user-menu-container'); const dropdownMenu = document.getElementById('user-dropdown'); let hideTimeout; if (userMenu && dropdownMenu) { userMenu.addEventListener('mouseenter', function() { clearTimeout(hideTimeout); dropdownMenu.classList.add('show'); }); userMenu.addEventListener('mouseleave', function() { hideTimeout = setTimeout(() => { dropdownMenu.classList.remove('show'); }, 150); }); } });

Tag:

Opposisjonspartier

Politikk

Dommen som kan ryste Sør-Afrika i grunnvollene

Konfliktlinjene i Sør-Afrika trekkes skarpere enn på lenge etter en kontroversiell rettsavgjørelse mot en kontroversiell opposisjonell. Utfallet kan få konsekvenser langt utover rettssalen. I et...

Politikk

Generalstreik og sivil ulydighet i iransk Kurdistan: et strategisk valg 🔒

Mens protestene fortsetter i Iran, forsøker de kurdiske opposisjonspartiene å samle seg. Ved å legge den væpnede kampen til side, i det minste midlertidig,...

Politikk

Tyrkisk aktor krever 2.352 års fengsel for opposisjonsleder Imamoglu

Istanbuls borgermester Ekrem Imamoglu risikerer over to tusen års fengsel etter at påtalemyndigheten har reist tiltale for 142 tilfeller av korrupsjon. Opposisjonen kaller saken...

Geopolitika+

Historie

Via Egnatia – den romerske aksen gjennom Balkan 🔒

Revue Conflits - 16/09/2026 0

Sikkerhetspolitikk

Houthiene ved Bab el-Mandeb: en seier for mye? 🔒

Gil Mihaely - 15/09/2026 0

Teknologi

Farene ved KI: Hva ekspertene sier, og hva bevisene viser 🔒

Tahir Mahmoud - 15/09/2026 0

Økonomi

BRICS: mellom stormaktsambisjoner og interne motsetninger 🔒

Mohit Anand - 14/09/2026 0

Kommentarer

Kan arven fra Romerriket gi Europa et nytt geopolitisk driv? 🔒

Guy-Alexandre Le Roux - 14/09/2026 0

Novgorod-Kreml-borg-Volkhov-elven-mur-Russland

Historie

Legenden om Russland og «det tredje Roma» 🔒

Revue Conflits - 12/09/2026 0

Terrorisme

Store klisjeer: Krigen mot terror 🔒

Jean-Baptiste Noé - 11/09/2026 0

Kriminalitet

Mexico: tusenvis av døde 🔒

Revue Conflits - 11/09/2026 0

Kriminalitet

Brasil: Massevolden på retur 🔒

Revue Conflits - 10/09/2026 0

Kriminalitet

Filippinene: Når staten visker ut sine døde 🔒

Revue Conflits - 10/09/2026 0

Vis mer

GEOPOLITIKA

Leserinnlegg? Send til: [email protected]

Siste nytt

Politikk

Egypt skal ha advart Netanyahu før 7. oktober

Militært

Ukraina innleder robotkrigen

Politikk

Toppmøtet om Xi og Trump: mer dialog, få gjennombrudd

Energi

Oljeprisen steg etter Trumps fredsavslag

NYHETSBREV

Abonnere på nyhetsbrev

Fornavn

Etternavn

Please wait...

Takk for nyhetsbrev påmelding!

.geopolitika-footer { padding: 20px 10px; font-family: Arial, sans-serif; } .footer-container { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 30px; } .footer-logo { flex-shrink: 0; } .footer-logo img { width: 100px; height: auto; object-fit: contain; } .footer-content { flex-grow: 1; text-align: center; color: #ffffff; } .footer-title { font-size: 16px; margin-bottom: 10px; font-weight: normal; } .footer-title a { color: #1f3b4d; transition: color 0.3s ease; } .footer-title a:hover { color: #cccccc; } .footer-editor { font-size: 16px; margin-bottom: 8px; color: #cccccc; } .footer-copyright { font-size: 16px; color: #999999; } @media (max-width: 768px) { .footer-container { flex-direction: column; text-align: center; } .footer-title { font-size: 16px; } .footer-editor, .footer-copyright { font-size: 14px; } .footer-logo img { width: 100px; } }