HtmlCss
@import url(http://totw.tiddlyspace.com/HtmlCss); /* html { background: beige; } body { background: white; border: 1em solid black; margin-left: auto; margin-right: 25%; margin-top: 1.5em; margin-bottom: 1em; padding: 2em; width: 65%; } .main { padding: 1em; border: thin solid black; font-family: sans-serif; } pre, code, tt { font: 90% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; } pre { padding: .5em; margin-bottom: 1em; background-color: #C9CFD6; overflow: auto; } em { font-style: italic; } strong { font-weight: bold; } blockquote { margin-right: 1em; margin-left: 1em; padding-right: 1em; padding-left: 1em; background-color: #F7F7F4; } #header { } #links { } a { text-decoration: none; } a:link { color: #3333aa; } a:visited { color: #aa33aa; } #article { /* width: 50%; margin-right: 32%; margin-left: 18%; */ } #text-html { font-size: 120%; line-height: 1.5; } #text-html pre, p, ul, ol, dl, blockquote { padding-bottom: 1em; } li > ul, li > ol { padding-bottom: 0; } #text-html ul { list-style: circle outside; padding-left: 1em; margin-left: 0; } #text-html ol { list-style-position: outside; list-style-type: decimal; padding-left: 1em; margin-left: 0; } p div { /* transclusion artifact */ display: inline; } /* h1, h2, h3, h4, h5, h6 { padding-bottom: 1em; } */ h6 { font-size: 120%; } h5 { font-size: 140%; } h4 { font-size: 160%; } h3 { font-size: 180%; } h2 { font-size: 200%; } h1 { font-size: 220%; } dl.meta { padding: 1em; } dl.meta dt,dd { display: inline; padding-right: 1em; } dl.meta dt:after { content: ":"; } dl.meta .hidden { display: none; } .pilcrow a { font-family: "Helvetica", "Arial", sans-serif; font-style: normal; font-weight: bold; font-size: small; text-decoration: none; color: #C8A8FF; /* light purple */ } .pilcrow { left: 4%; position: absolute; } #footer { text-align: right; position: fixed; right: 1em; bottom: .5em; } #editLink { text-align: right; color: black; left: -1em; position: fixed; top: 2em; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); writing-mode: tb-rl; } #sidebar { position: absolute; padding: 1em; top: .5em; right: 1em; width: 20%; } #sidebar ul { list-style: none; } /* portrait mode */ @media all and (max-width: 800px) { #sidebar { display: none; } } #recents { font-family: "Helvetica Neue",helvetica,arial,sans-serif; line-height: 1.4; font-size: 75%; } #recents li { padding: .5em; margin-left: .5em; margin-right: .5em; margin-bottom: .5em; overflow: hidden; background: transparent; border-radius: .5em; box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.5); } #recents a { color: #BC4378; text-decoration: none; } #recents .spaceicon { display: none; } #recents .modicon { height: 1.5em; padding-right: .25em; float: right; } #recents a:hover { text-decoration: underline; } #recents abbr.timeago { padding-left: 2em; display: inline; font-style: italic; font-size: 75%; } #recents li:hover { box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.5) inset; } dt { font-weight: bold; } dd { margin: 0 0 1em 0; } span[tiddler] { display: block; border: thin solid #888; padding: .5em; } span[tiddler]:hover { border: thin solid blue; } .translink { float: right; font-size: 60%; display: none; opacity: .75; } span[tiddler]:hover .translink { display: inline; }*/
Syndicated 2012-07-27 17:39:17 (Updated 2012-07-27 18:25:40) from cdent