forked from github/kensanata.oddmuse
633 lines
15 KiB
CSS
633 lines
15 KiB
CSS
/* font-face includes TTF for PDF generation */
|
|
|
|
/* vietnamese */
|
|
@font-face {
|
|
font-family: 'Noticia Text';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Noticia Text'), local('NoticiaText-Regular)'), url('/fonts/NoticiaText-Regular.woff') format('woff') url('/fonts/NoticiaText-Regular.ttf') format('truetype');
|
|
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
|
|
}
|
|
/* latin-ext */
|
|
@font-face {
|
|
font-family: 'Noticia Text';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Noticia Text'), local('NoticiaText-Regular)'), url('/fonts/NoticiaText-Regular.woff') format('woff') url('/fonts/NoticiaText-Regular.ttf') format('truetype');
|
|
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Noticia Text';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Noticia Text'), local('NoticiaText-Regular)'), url('/fonts/NoticiaText-Regular.woff') format('woff') url('/fonts/NoticiaText-Regular.ttf') format('truetype');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
|
|
}
|
|
/* vietnamese */
|
|
@font-face {
|
|
font-family: 'Noticia Text';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: local('Noticia Text Bold'), local('NoticiaText-Bold)'), url('/fonts/NoticiaText-Bold.woff') format('woff') url('/fonts/NoticiaText-Bold.ttf') format('truetype');
|
|
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
|
|
}
|
|
/* latin-ext */
|
|
@font-face {
|
|
font-family: 'Noticia Text';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: local('Noticia Text Bold'), local('NoticiaText-Bold)'), url('/fonts/NoticiaText-Bold.woff') format('woff') url('/fonts/NoticiaText-Bold.ttf') format('truetype');
|
|
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Noticia Text';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
src: local('Noticia Text Bold'), local('NoticiaText-Bold)'), url('/fonts/NoticiaText-Bold.woff') format('woff') url('/fonts/NoticiaText-Bold.ttf') format('truetype');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
|
|
}
|
|
/* vietnamese */
|
|
@font-face {
|
|
font-family: 'Noticia Text';
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
src: local('Noticia Text Italic'), local('NoticiaText-Italic)'), url('/fonts/NoticiaText-Italic.woff') format('woff') url('/fonts/NoticiaText-Italic.ttf') format('truetype');
|
|
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
|
|
}
|
|
/* latin-ext */
|
|
@font-face {
|
|
font-family: 'Noticia Text';
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
src: local('Noticia Text Italic'), local('NoticiaText-Italic)'), url('/fonts/NoticiaText-Italic.woff') format('woff') url('/fonts/NoticiaText-Italic.ttf') format('truetype');
|
|
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Noticia Text';
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
src: local('Noticia Text Italic'), local('NoticiaText-Italic)'), url('/fonts/NoticiaText-Italic.woff') format('woff') url('/fonts/NoticiaText-Italic.ttf') format('truetype');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
|
|
}
|
|
/* vietnamese */
|
|
@font-face {
|
|
font-family: 'Noticia Text';
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
src: local('Noticia Text Bold Italic'), local('NoticiaText-BoldItalic)'), url('/fonts/NoticiaText-BoldItalic.woff') format('woff') url('/fonts/NoticiaText-BoldItalic.ttf') format('truetype');
|
|
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
|
|
}
|
|
/* latin-ext */
|
|
@font-face {
|
|
font-family: 'Noticia Text';
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
src: local('Noticia Text Bold Italic'), local('NoticiaText-BoldItalic)'), url('/fonts/NoticiaText-BoldItalic.woff') format('woff') url('/fonts/NoticiaText-BoldItalic.ttf') format('truetype');
|
|
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Noticia Text';
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
src: local('Noticia Text Bold Italic'), local('NoticiaText-BoldItalic)'), url('/fonts/NoticiaText-BoldItalic.woff') format('woff') url('/fonts/NoticiaText-BoldItalic.ttf') format('truetype');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Symbola';
|
|
src: local('Symbola'), url('/fonts/Symbola.woff') format('woff') url('/fonts/Symbola.ttf') format('truetype');
|
|
}
|
|
|
|
body, rss {
|
|
font-family: "Noticia Text", Symbola, serif;
|
|
font-style: normal;
|
|
font-size: 14pt;
|
|
margin: 1em 3em;
|
|
padding:0;
|
|
}
|
|
|
|
@media print {
|
|
body {
|
|
font-size: 12pt;
|
|
color: #000;
|
|
background-color: #fff;
|
|
}
|
|
|
|
/* hide all the crap */
|
|
div.diff, div.diff+hr, div.refer, div.near, div.definition, div.sister,
|
|
div.cal, div.footer, span.specialdays, span.gotobar, a.edit, a.number span,
|
|
div.rc form, form.tiny, p.comment, p#plus1, div.g-plusone, div.content a.feed {
|
|
display:none;
|
|
}
|
|
div.content a.book,
|
|
div.content a.movie {
|
|
text-decoration: none;
|
|
}
|
|
a cite {
|
|
font-style: italic;
|
|
}
|
|
img[alt="RSS"] { display: none }
|
|
a.rss { font-size: 8pt }
|
|
}
|
|
|
|
/* headings: we can use larger sizes if we use a lighter color.
|
|
we cannot inherit the font-family because header and footer use a narrow font. */
|
|
|
|
h1, h2, h3, title {
|
|
font-family: inherit;
|
|
font-weight: normal;
|
|
}
|
|
h1, channel title {
|
|
font-size: 32pt;
|
|
margin: 1em 0 0.5em 0;
|
|
padding: 0.4em 0;
|
|
}
|
|
h2 {
|
|
font-size: 18pt;
|
|
margin: 2em 0 0 0;
|
|
padding: 0;
|
|
}
|
|
h3 {
|
|
font-size: inherit;
|
|
font-weight: bold;
|
|
padding: 0;
|
|
margin: 1em 0 0 0;
|
|
clear: both;
|
|
}
|
|
|
|
/* headers in the journal are smaller */
|
|
|
|
div.journal h1, item title {
|
|
font-size: inherit;
|
|
padding: 0;
|
|
clear: both;
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
div.journal h2 {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
}
|
|
div.journal h3 {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
font-style: italic;
|
|
}
|
|
div.journal hr {
|
|
visibility: hidden;
|
|
}
|
|
p.more {
|
|
margin-top: 3em;
|
|
}
|
|
/* Links in headings appear on journal pages. */
|
|
|
|
h1 a, h2 a, h3 a {
|
|
color:inherit;
|
|
text-decoration:none;
|
|
font-weight: normal;
|
|
}
|
|
h1 a:visited, h2 a:visited, h3 a:visited {
|
|
color: inherit;
|
|
}
|
|
|
|
/* for download buttons and the like */
|
|
|
|
.button {
|
|
display: inline-block;
|
|
font-size: 120%;
|
|
cursor: pointer;
|
|
padding: 0.4em 0.6em;
|
|
text-shadow: 0px -1px 0px #ccc;
|
|
background-color: #cfa;
|
|
border: 1px solid #9d8;
|
|
border-radius: 5px;
|
|
box-shadow: 0px 1px 3px white inset, 0px 1px 3px black;
|
|
}
|
|
|
|
.button .icon {
|
|
color: #363;
|
|
text-shadow: 0px -1px 1px white, 0px 1px 3px #666;
|
|
}
|
|
|
|
.button a {
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* links */
|
|
|
|
a.pencil {
|
|
padding-left: 1ex;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
visibility: hidden;
|
|
transition: visibility 0s 1s, opacity 1s linear;
|
|
opacity: 0;
|
|
}
|
|
*:hover > a.pencil {
|
|
visibility: visible;
|
|
transition: opacity .5s linear;
|
|
opacity: 1;
|
|
}
|
|
@media print {
|
|
a.pencil {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
a.number {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* stop floating content from flowing over the footer */
|
|
|
|
hr {
|
|
clear: both;
|
|
}
|
|
|
|
/* the distance between links in the navigation bars */
|
|
|
|
span.bar a {
|
|
margin-right: 1ex;
|
|
}
|
|
|
|
a img {
|
|
border: none;
|
|
}
|
|
|
|
/* search box in the top bar */
|
|
|
|
.header form, .header p {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
}
|
|
label[for="searchlang"], #searchlang, .header input[type="submit"] {
|
|
/* don't use display: none! http://stackoverflow.com/questions/5665203/getting-iphone-go-button-to-submit-form */
|
|
visibility: hidden; position: absolute;
|
|
}
|
|
/* wrap on the iphone */
|
|
@media media only screen and (max-device-width: 480px) {
|
|
}
|
|
|
|
.header input {
|
|
width: 10ex;
|
|
}
|
|
|
|
/* other form fields */
|
|
|
|
input[type="text"] {
|
|
padding: 0;
|
|
font-size: 80%;
|
|
line-height: 125%;
|
|
}
|
|
|
|
/* code */
|
|
|
|
textarea, pre, code, tt {
|
|
font-family: "Andale Mono", Monaco, "Courier New", Courier, monospace, "Symbola";
|
|
font-size: 80%;
|
|
}
|
|
|
|
pre {
|
|
overflow:hidden;
|
|
white-space: pre-wrap; /* CSS 3 */
|
|
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
|
|
white-space: -pre-wrap; /* Opera 4-6 */
|
|
white-space: -o-pre-wrap; /* Opera 7 */
|
|
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
|
}
|
|
|
|
/* styling for divs that will be invisible when printing
|
|
when printing. */
|
|
|
|
div.header, div.footer, div.near, div.definition, p.comment, a.tag {
|
|
|
|
font-size: 14pt;
|
|
}
|
|
@media print {
|
|
div.header, div.footer, div.near, div.definition, p.comment, a.tag {
|
|
font-size: 8pt;
|
|
}
|
|
}
|
|
|
|
div.footer form.search {
|
|
display: none;
|
|
}
|
|
div.rc li + li {
|
|
margin-top: 1em;
|
|
}
|
|
div.rc li strong, table.history strong, strong.description {
|
|
font-family: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
div.diff {
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
font-size: 12pt;
|
|
color: #000;
|
|
|
|
}
|
|
div.old {
|
|
background-color: #ffffaf;
|
|
}
|
|
div.new {
|
|
background-color: #cfffcf;
|
|
}
|
|
|
|
div.refer {
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
font-size: 12pt;
|
|
}
|
|
|
|
div.message {
|
|
background-color:#fee;
|
|
color:#000;
|
|
}
|
|
|
|
img.xml {
|
|
border:none;
|
|
padding:1px;
|
|
}
|
|
a.small img {
|
|
max-width:300px;
|
|
}
|
|
a.large img {
|
|
max-width:600px;
|
|
}
|
|
div.sister {
|
|
margin-right:1ex;
|
|
background-color:inherit;
|
|
}
|
|
div.sister p {
|
|
margin-top:0;
|
|
}
|
|
div.sister hr {
|
|
display:none;
|
|
}
|
|
div.sister img {
|
|
border:none;
|
|
}
|
|
|
|
div.near, div.definition {
|
|
background-color:#efe;
|
|
}
|
|
|
|
div.sidebar {
|
|
float:right;
|
|
border:1px dotted #000;
|
|
padding:0 1em;
|
|
}
|
|
div.sidebar ul {
|
|
padding-left:1em;
|
|
}
|
|
|
|
/* replacements, features */
|
|
|
|
ins {
|
|
color: #b33;
|
|
text-decoration: none;
|
|
}
|
|
acronym, abbr {
|
|
letter-spacing:0.1em;
|
|
font-variant:small-caps;
|
|
}
|
|
|
|
/* Interlink prefix not shown */
|
|
a .site, a .separator {
|
|
display: none;
|
|
}
|
|
a cite { font:inherit; }
|
|
/* browser borkage */
|
|
textarea[name="text"] { width:97%; height:80%; }
|
|
textarea[name="summary"] { width:97%; height:3em; }
|
|
/* comments */
|
|
textarea[name="aftertext"] { width:97%; height:10em; }
|
|
div.commentshown {
|
|
font-size: 12pt;
|
|
padding: 2em 0;
|
|
}
|
|
div.commenthidden {
|
|
display:none;
|
|
}
|
|
div.commentshown {
|
|
display:block;
|
|
}
|
|
p.comment {
|
|
margin-bottom: 0;
|
|
}
|
|
div.comment {
|
|
font-size: 14pt;
|
|
}
|
|
div.comment h2 {
|
|
margin-top: 5em;
|
|
}
|
|
/* comment pages with username, homepage, and email subscription */
|
|
.comment form span { display: block; }
|
|
.comment form span label { display: inline-block; width: 10em; }
|
|
/* IE sucks */
|
|
.comment input#username,
|
|
.comment input#homepage,
|
|
.comment input#mail { width: 20em; }
|
|
|
|
/* cal */
|
|
div.month { padding:0; margin:0 2ex; }
|
|
body > div.month {
|
|
float:right;
|
|
background-color: inherit;
|
|
border:solid thin;
|
|
padding:0 1ex;
|
|
}
|
|
div.year > div.month {
|
|
float:left;
|
|
}
|
|
div.footer {
|
|
clear:both;
|
|
}
|
|
div.content div.month a.edit {
|
|
color:inherit;
|
|
font-weight:inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* history tables and other tables */
|
|
table.history {
|
|
border: none;
|
|
}
|
|
td.history {
|
|
border: none;
|
|
}
|
|
|
|
table.user {
|
|
border: none;
|
|
border-top: 1px solid #ccc;
|
|
border-bottom: 1px solid #ccc;
|
|
padding: 1em;
|
|
margin: 1em 2em;
|
|
}
|
|
table.user tr td, table.user tr th {
|
|
border: none;
|
|
padding: 0.2em 0.5em;
|
|
vertical-align: top;
|
|
}
|
|
table.arab tr th {
|
|
font-weight:normal;
|
|
text-align:left;
|
|
vertical-align:top;
|
|
}
|
|
table.arab, table.arab tr th, table.arab tr td {
|
|
border:none;
|
|
}
|
|
th.nobreak {
|
|
white-space:nowrap;
|
|
}
|
|
table.full { width:99%; margin-left:1px; }
|
|
table.j td, table.j th, table tr td.j, table tr th.j, .j { text-align:justify; }
|
|
table.l td, table.l th, table tr td.l, table tr th.l, .l { text-align:left; }
|
|
table.r td, table.r th, table tr td.r, table tr th.r, .r { text-align:right; }
|
|
table.c td, table.c th, table tr td.c, table tr th.c, .c { text-align:center; }
|
|
table.t td { vertical-align: top; }
|
|
td.half { width:50%; }
|
|
td.third { width:33%; }
|
|
|
|
form table td { padding:5px; }
|
|
|
|
/* lists */
|
|
dd { padding-bottom:0.5ex; }
|
|
dl.inside dt { float:left; }
|
|
/* search */
|
|
div.search span.result { font-size:larger; }
|
|
div.search span.info { font-size:smaller; font-style:italic; }
|
|
div.search p.result { display:none; }
|
|
|
|
img.logo {
|
|
float: right;
|
|
margin: 0 0 0 1ex;
|
|
padding: 0;
|
|
border: 1px solid #000;
|
|
opacity: 0.3;
|
|
background-color:#ffe;
|
|
}
|
|
|
|
/* images */
|
|
|
|
div.content a.feed img, div.journal a.feed img,
|
|
div.content a img.smiley, div.journal a img.smiley, img.smiley,
|
|
div.content a.inline img, div.journal a.inline img,
|
|
div.content li a.image img, div.journal li a.image img {
|
|
margin: 0; padding: 0; border: none;
|
|
}
|
|
div.image a img {
|
|
margin-bottom: 0;
|
|
}
|
|
div.image span.caption {
|
|
margin: 0 1em;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.left { float:left; margin-right: 1em; }
|
|
.right { float:right; margin-left: 1em; }
|
|
.half a img { height: 50%; width: 50%; }
|
|
div.left .left, div.right .right {
|
|
float:none;
|
|
}
|
|
.center { text-align:center; }
|
|
table.aside {
|
|
float:right;
|
|
width:40%;
|
|
margin-left: 1em;
|
|
padding: 1ex;
|
|
border: 1px dotted #666;
|
|
}
|
|
table.aside td {
|
|
text-align:left;
|
|
}
|
|
div.sidebar {
|
|
float:right; width: 250px;
|
|
text-align: right;
|
|
border: none;
|
|
margin: 1ex;
|
|
}
|
|
|
|
.bigsidebar {
|
|
float:right;
|
|
width: 500px;
|
|
border: none;
|
|
margin-left: 1ex;
|
|
font-size: 80%;
|
|
}
|
|
|
|
dl.irc dt { width:20ex; float:left; text-align:right; clear:left; }
|
|
dl.irc dt span.time { float:left; }
|
|
dl.irc dd { margin-left:22ex; }
|
|
|
|
/* portrait */
|
|
|
|
div.footer, div.comment, hr { clear: both; }
|
|
.portrait { float: left; font-size: small; margin-right: 1em; }
|
|
.portrait a { color: #999; }
|
|
|
|
div.left { float:left; margin:1em; padding: 0.5em; }
|
|
div.left p { display:table-cell; }
|
|
div.left p + p { display:table-caption; caption-side:bottom; }
|
|
|
|
p.table a { float:left; width:20ex; }
|
|
p.table + p { clear:both; }
|
|
|
|
/* no bleeding
|
|
@media screen {
|
|
div.content, div.rc {
|
|
overflow:hidden;
|
|
}
|
|
} */
|
|
|
|
/* rss */
|
|
|
|
channel * { display: block; }
|
|
|
|
channel title {
|
|
margin-top: 30pt;
|
|
}
|
|
copyright {
|
|
font-size: 14pt;
|
|
margin-top: 1em;
|
|
}
|
|
channel > link:before {
|
|
font-size: 18pt;
|
|
display: block;
|
|
margin: 1em;
|
|
padding: 0.5em;
|
|
content: "This is an RSS feed, designed to be read in a feed reader.";
|
|
color: red;
|
|
border: 1px solid red;
|
|
}
|
|
link, license {
|
|
font-size: 11pt;
|
|
margin-bottom: 9pt;
|
|
}
|
|
username:before { content: "Last edited by "; }
|
|
username:after { content: "."; }
|
|
generator:before { content: "Feed generated by "; }
|
|
generator:after { content: "."; }
|
|
channel description {
|
|
font-weight: bold;
|
|
}
|
|
item description {
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
margin-bottom: 1em;
|
|
}
|
|
docs, language,
|
|
pubDate, lastBuildDate, ttl, guid, category, comments,
|
|
docs, image title, image link,
|
|
status, version, diff, history, importance {
|
|
display: none;
|
|
}
|