Template:Sanpantul article/styles.css: Difference between revisions

From MicrasWiki
Jump to navigationJump to search
Samadam (talk | contribs)
No edit summary
Samadam (talk | contribs)
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Wikipedia Style Article - Unified CSS */
.article-container {
    max-width: 800px;
    margin: 20px auto;
    padding: 30px;
    background-color: #ffffff;
    color: #202122;
    font-family: sans-serif;
    line-height: 1.6;
    word-wrap: break-word;
}


.sanpantul-infobox {
/* Headings: H1 and H2 have the classic underline */
     float: right;
.article-container h1,
     clear: right;
.article-container h2 {
    width: 280px;
     font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
    border: 1px solid #a2a9b1;
     font-weight: normal;
    background-color: #f8f9fa;
     margin-bottom: 0.25em;
    color: #202122;
     padding-bottom: 0.17em;
     margin: 0.5em 0 0.5em 1em;
     border-bottom: 1px solid #a2a9b1;
     padding: 0.2em;
    font-size: 88%;
    line-height: 1.5em;
     border-spacing: 3px;
}
}


.sanpantul-header {
.article-container h1 { font-size: 1.8rem; margin-top: 0; }
    background-color: #3366cc; /* Kurumsal bir mavi */
.article-container h2 { font-size: 1.5rem; margin-top: 1.5em; }
    color: white;
 
    text-align: center;
/* H3 and H4 are bold without underlines */
     font-size: 125%;
.article-container h3 {
     font-size: 1.2rem;
     font-weight: bold;
     font-weight: bold;
     padding: 0.4em;
     margin-top: 1.2em;
    margin-bottom: 0.3em;
}
}


.sanpantul-image {
/* Paragraphs and Text */
     text-align: center;
.article-container p {
     padding: 0.5em;
     font-size: 0.875rem; /* Wikipedia Medium Size */
     margin: 0.5em 0 1em 0;
}
}


.sanpantul-label {
/* Links: Blue for new, Purple for visited */
     font-weight: bold;
.article-container a {
     background-color: #eaecf0;
     color: #0645ad;
    width: 40%;
    text-decoration: none;
     padding: 0.2em 0.4em;
}
 
.article-container a:visited {
     color: #0b0080;
}
 
.article-container a:hover {
     text-decoration: underline;
}
}


.sanpantul-data {
/* Lists and Quotes */
     padding: 0.2em 0.4em;
.article-container ul,
.article-container ol {
     margin: 1em 0 1em 1.5em;
    font-size: 0.875rem;
}
}


.sanpantul-footer {
.article-container blockquote {
     background-color: #f2f2f2;
     font-style: italic;
     text-align: center;
    border-left: 4px solid #eaecf0;
     font-size: 90%;
     padding-left: 15px;
     border-top: 1px solid #aaa;
     margin: 1em 0;
     color: #54595d;
}
}

Latest revision as of 22:57, 22 April 2026

/* Wikipedia Style Article - Unified CSS */
.article-container {
    max-width: 800px;
    margin: 20px auto;
    padding: 30px;
    background-color: #ffffff;
    color: #202122;
    font-family: sans-serif;
    line-height: 1.6;
    word-wrap: break-word;
}

/* Headings: H1 and H2 have the classic underline */
.article-container h1, 
.article-container h2 {
    font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
    font-weight: normal;
    margin-bottom: 0.25em;
    padding-bottom: 0.17em;
    border-bottom: 1px solid #a2a9b1;
}

.article-container h1 { font-size: 1.8rem; margin-top: 0; }
.article-container h2 { font-size: 1.5rem; margin-top: 1.5em; }

/* H3 and H4 are bold without underlines */
.article-container h3 {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 1.2em;
    margin-bottom: 0.3em;
}

/* Paragraphs and Text */
.article-container p {
    font-size: 0.875rem; /* Wikipedia Medium Size */
    margin: 0.5em 0 1em 0;
}

/* Links: Blue for new, Purple for visited */
.article-container a {
    color: #0645ad;
    text-decoration: none;
}

.article-container a:visited {
    color: #0b0080;
}

.article-container a:hover {
    text-decoration: underline;
}

/* Lists and Quotes */
.article-container ul, 
.article-container ol {
    margin: 1em 0 1em 1.5em;
    font-size: 0.875rem;
}

.article-container blockquote {
    font-style: italic;
    border-left: 4px solid #eaecf0;
    padding-left: 15px;
    margin: 1em 0;
    color: #54595d;
}