File size: 1,812 Bytes
4c317d9 02940d2 4c317d9 02940d2 4c317d9 02940d2 4c317d9 02940d2 4c317d9 02940d2 4c317d9 02940d2 4c317d9 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 | @tailwind base;
@tailwind components;
@tailwind utilities;
/* Custom Wiki Styles */
body {
background-color: #f8f9fa;
color: #202122;
}
/* Typography tweaks for RTL */
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
a {
color: #0645ad;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Mobile Sidebar Animation */
#sidebar {
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
/* Mobile Menu Overlay */
.mobile-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-40;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s;
}
.mobile-overlay.active {
opacity: 1;
pointer-events: auto;
}
/* Infobox float fix for RTL */
@media (min-width: 1024px) {
.wiki-infobox {
float: left; /* In RTL context, this might need to be right depending on preference, but standard wiki floats usually follow LTR logic if not careful. Let's stick to Tailwind float-left in HTML but for RTL float-right is preferred. */
/* Actually in Persian Wikipedia, infobox is on the left of the page content (visual left). So float-left is correct for desktop layout in a 2-column flex where content is on the left?
Wait, Persian Wikipedia has content on the right (visual right) and sidebar on the left (visual left).
So float-left puts it on the left side of the text, which is correct.
*/
}
}
/* Print styles */
@media print {
header, footer, aside, .no-print {
display: none;
}
.container {
width: 100%;
max-width: none;
padding: 0;
}
a {
text-decoration: none;
color: black;
}
a[href]:after {
content: " (" attr(href) ")";
}
} |