2
edits
(Created page with "<!DOCTYPE html> <html lang="gu"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>કેદારનાથ - જીવનનાં કેટલાંક સંસ્મરણો</title> <style> →: * { margin: 0; padding: 0; box-sizing: border-box; } /* ===========...") |
No edit summary |
||
| Line 1: | Line 1: | ||
__TOC__ | |||
<!DOCTYPE html> | |||
<html lang="gu"> | |||
<head> | |||
<meta charset="utf-8"/> | |||
<meta content="width=device-width, initial-scale=1.0" name="viewport"/> | |||
<title>કેદારનાથ - જીવનનાં કેટલાંક સંસ્મરણો</title> | |||
<style> | |||
/* ==================== RESET AND BASE STYLES ==================== */ | |||
* { | |||
margin: 0; | |||
padding: 0; | |||
box-sizing: border-box; | |||
} | |||
/* ==================== PRINT SETTINGS ==================== */ | |||
@page { | |||
size: A4; | |||
margin: 2cm; | |||
} | |||
/* ==================== BODY AND PAGE LAYOUT ==================== */ | |||
body { | |||
font-family: 'Bhavnagar Unicode', 'Noto Sans Gujarati', serif; | |||
line-height: 1.6; | |||
background: #f5f5f5; | |||
padding: 20px; | |||
} | |||
.container { | |||
max-width: 210mm; | |||
margin: 0 auto; | |||
background: white; | |||
padding: 2cm; | |||
box-shadow: 0 2px 10px rgba(0,0,0,0.1); | |||
} | |||
/* ==================== TYPOGRAPHY ==================== */ | |||
h1, .chapter-title { | |||
font-size: 24px; | |||
font-weight: bold; | |||
line-height: 1.4; | |||
margin: 20px 0; | |||
color: #333; | |||
} | |||
h2, .section-title, .headline { | |||
font-size: 20px; | |||
font-weight: bold; | |||
line-height: 1.4; | |||
margin: 18px 0; | |||
color: #333; | |||
} | |||
h3, .sub-section-title, .sub-headline { | |||
font-size: 18px; | |||
font-weight: bold; | |||
line-height: 1.4; | |||
margin: 16px 0; | |||
color: #333; | |||
} | |||
h4, .subsub-section-title, .subsub-headline { | |||
font-size: 16px; | |||
font-weight: bold; | |||
line-height: 1.4; | |||
margin: 14px 0; | |||
color: #333; | |||
} | |||
p, .paragraph { | |||
font-size: 16px; | |||
line-height: 1.6; | |||
margin: 12px 0; | |||
} | |||
blockquote, .quote { | |||
font-size: 16px; | |||
margin: 16px 0; | |||
padding: 0 20px; | |||
font-style: italic; | |||
border-left: 3px solid #ccc; | |||
} | |||
/* ==================== LISTS ==================== */ | |||
ol, ul { | |||
font-size: 16px; | |||
margin: 12px 0; | |||
padding-left: 20px; | |||
} | |||
li { | |||
margin: 4px 0; | |||
} | |||
/* ==================== SECTIONS (formerly pages) ==================== */ | |||
.section { | |||
margin: 3em 0 2em 0; | |||
padding-top: 2em; | |||
} | |||
.section.major-break { | |||
border-top: 2px solid #ddd; | |||
page-break-before: always; | |||
} | |||
.section:first-child { | |||
border-top: none; | |||
margin-top: 0; | |||
padding-top: 0; | |||
} | |||
/* ==================== UTILITY CLASSES ==================== */ | |||
.text-center { text-align: center; } | |||
.text-right { text-align: right; } | |||
.text-justify { text-align: justify; } | |||
.text-left { text-align: left; } | |||
.mt-0 { margin-top: 0; } | |||
.mt-5 { margin-top: 5px; } | |||
.mt-10 { margin-top: 10px; } | |||
.mt-20 { margin-top: 20px; } | |||
.mt-40 { margin-top: 40px; } | |||
.mt-60 { margin-top: 60px; } | |||
.mb-0 { margin-bottom: 0; } | |||
.mb-5 { margin-bottom: 5px; } | |||
.mb-10 { margin-bottom: 10px; } | |||
.mb-20 { margin-bottom: 20px; } | |||
.mb-40 { margin-bottom: 40px; } | |||
.m-0 { margin: 0; } | |||
.p-0 { padding: 0; } | |||
/* ==================== LAYOUT UTILITIES ==================== */ | |||
.flex { display: flex; } | |||
.flex-column { flex-direction: column; } | |||
.justify-between { | |||
edits