Mercurial > hg > anatomy-of-the-charts

view aotc4_files/style.4.css @ 9:0bfd4457b28f first version blogged on matthiasmauch.net

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Removed tag help
author matthiasm
date Sun, 11 Jan 2015 21:26:08 +0000
parents de5bd0c7c7a3
children
line wrap: on
line source
/* General layout */

* {
  font-size: 100.01%;
}

html {
  font-size: 10px;
}

* + html {
  font-size: 62.5%;
}

* html {
  font-size: 62.5%;
}

body {
  background-color: #DCDBD9;
  margin: 0;
  padding: 0;
  font-family: "Lucida Sans", "Lucida Grande", sans-serif;
  color: #444;
  background-image: url("http://cdn.last.fm/blog/images_layout/body_bg.jpg");
  background-position: center top;
  background-repeat: repeat-x;
  background-attachment: fixed;
  font-style: normal;
}

div#outerWrapper {
  background-image: url("http://cdn.last.fm/blog/images_layout/wrapper_bg.png");
  background-position: center top;
  background-repeat: repeat-y;
}

* + html div#outerWrapper {
  width: 868px;
  padding: 0 20px;
  margin: 0 auto;
}

div#wrapper {
  width: 868px;  
  margin: 0 auto;
  padding: 0;
  background-image: url("http://cdn.last.fm/blog/images_layout/header_bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}

div#main {
  margin-top: 60px;
  width: 525px;
  margin-left: 50px;
  float: left;
  display: inline;
}

div#sidebar {
  width: 184px;
  float: right;
  display: inline;
  margin-right: 25px;
  min-height: 200px;
}

/* the header */

div#header {   
  height: 97px;
}

div#header h1 {
  display: block;
  height: 95px;
  width: 380px;
  margin: 0;
  padding: 0;
}

div#header h1 a {   
  display: block;
  height: 95px;
  width: 380px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
}

/* the articles */

div.hentry {
  padding: 0 0 50px 0;
  position: relative;
  zoom: 1;
}

div.entry-content {
  width: 370px;
  float: left;
  overflow: hidden;
  margin-bottom: 0.8em;
}

a {
  color: #7F7153;
}

a:hover {
  color: #7F7153;
}

h2,
h3,
h4,
h5,
h6 {
  color: #444;
  font-family: Georgia, serif;
  font-weight: normal;
}

h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}

h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: underline;
}

h2 {
  font-size: 1.8em;
  margin: 1.5238em 0 0.7619em 0;
  color: #7F7153;
}

h3 {
  font-size: 1.8em;
  margin: 1.1666667em 0 0.7777em 0;
}

h4 {
  font-size: 1.6em;
  margin: 1.5em 0 1em 0;
}

h5 {
  font-size: 1.4em;
  margin: 1.7142em 0 1.1428em 0;
}

h6 {
  font-size: 1.4em;
  margin: 1.6em 0 0.8em 0;
  color: #AAA;
}

p {
  font-size: 1.1em;
  line-height: 1.7em;
  text-indent: 0;
  margin: 0 0 0.8em 0;
}

/* captions for images */

p.caption {
    color: #999;
    margin-top: -1em;
    line-height: 1.3em;
}

p.caption a {
    color: #999;
    text-decoration: none;
    border-bottom: solid 1px #DDD;
}

p.caption a:hover {
    text-decoration: none;
    border-bottom: solid 1px #AAA;
}

abbr,
img {
  border: none;
}

img.right {
    float: right;
    display: inline;
    margin: 0 0 0 10px;
}

img.left {
    float: left;
    display: inline;
    margin: 0 10px 0 0;
}

/* quotes */

blockquote {
  font-family: Georgia, serif;
  font-style: italic;
  color: #777;
  margin: 0 1.6em;
}

blockquote p {
  font-size: 1.5em;
}

/* code and irc stuff */

code {
  font-size: 1.0909091em;
  background-color: #E5E5E5;
  color: #444;
  padding: 0 0.1em;
  line-height: 1.5833333em;
}

ol.code {
  list-style-type: none;
}

ol.code li {
  margin: 0;
  padding: 0;
}

ol.code li code {
  background: transparent;
}

pre {
    overflow: auto;
    background: #E5E5E5;
    color: #444;
    padding: 0.5em;
    border: solid 1px #CCC;
    width: 355px;
    margin: 0 0 0.8em 0;
    font-size: 1.1em;
}

blockquote.irc {
    font-family: monospace;
    font-style: normal;
    font-size: 1em;
    color: #444;
    margin: 0;
}

blockquote.irc p {
    font-size: 1.1em;
}

/* lists */

ul,
ol {
  margin: 0.8em 0;
  padding: 0;
  font-size: 1.1em;
  line-height: 1.7em;
}

li {
  margin: 0 0 0.4em 1.6em;
}

ol li *,
ul li * {
  font-size: 1em;
}

h2.entry-title {
  margin: 0;
  font-weight: normal;
  border-top: solid 1px #D7D7D7;
  padding: 0.333333em 130px 0 0;
}

h5.subhead {
  font-size: 1.2em;
  margin: 0.25em 0 1em 0;
  color: #888;
  font-weight: normal;
  font-style: italic;
  padding-bottom: 0.5em;
}

h6.details {
  width: 130px;
  float: right;
  display: inline;
  margin: 0;
  font-family: "Lucida Sans", "Lucida Grande", sans-serif;
  font-size: 1.1em;
  color: #7F7153;
  line-height: 1.7em;
  font-weight: normal;
}

h6.details a.photo_wrapper {
  position: absolute;
  top: 1px;
  right: 80px;
}

h6.details img.photo {
  width: 50px;
  height: 50px;
  border: none;
}

p.meta {
  color: #888;
  font-weight: normal;
  font-size: 1.4em;
}

p.meta a {
  color: #888;
  text-decoration: none;
}

p.comments-link {
  clear: both;
  font-size: 1.2em;
  color: #888;
  font-style: italic;
  font-family: Georgia, serif;
}

p.comments-link a {
  color: #888;
}

/* next/previous page links */

ul#pagelinks,
ul#pagelinks li {
  list-style-type: none;
  margin: 0 0 1em 0;
  padding: 0;
  overflow: hidden;
}

ul#pagelinks {
    clear: both;
}

ul#pagelinks li#next {
  width: 48%;
  float: right;
  display: inline;
  text-align: right;
}

ul#pagelinks li#previous {
  width: 48%;
  float: left;
  display: inline;
}

ul#pagelinks li a {
  text-decoration: none;
  color: #999;
}

ul#pagelinks li strong {
  text-decoration: underline;
  font-weight: normal;
  color: #7F7153;
  font-style: normal;
}

/* the footer */

div#footer {
  height: 106px;
  padding: 100px 50px 0 275px;
  background-image: url("http://cdn.last.fm/blog/images_layout/footer_bg.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  clear: both;
}

/* the sidebar */

div#sidebar * {
  color: #999;
  font-family: "Lucida Sans", "Lucida Grande", sans-serif;
}

div#sidebar h2 {
  border-top: solid 1px #CCC;
  margin: 0 0 0.363636em;
  padding: 1em 0 0 0;
  font-size: 1.1em;
  font-weight: bold;
}

div#sidebar ul,
div#sidebar ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#sidebar div#quilt,
div#sidebar div#go-cam {
  margin: 2em 0;
}

div#sidebar div#quilt h2,
div#sidebar div#go-cam h2 {
  margin-bottom: 1.272727em;
}

div#sidebar a {
  text-decoration: none;
}

div#sidebar a:hover {
  text-decoration: underline;
}

/* comments */

div#comments {
  clear: both;
}

div#comments h2 {
  margin-bottom: 0.5em
}

div#comments div.comments-wrapper h2 {
  border-bottom: solid 1px #D7D7D7;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}

div#comments ol {
  margin: 0 0 4em 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}

div#comments ol li {
  border-top: solid 1px #D7D7D7;
  margin: 0 0 1.7em 0;
  width: 370px;
  padding: 1em 155px 0 0;
  overflow: hidden;
}

div#comments ol li.own {
    background-color: #eee;
    border-top-width: 5px;
    margin-bottom: 0;
    padding-bottom: 1.7em;
}

div#comments ol li.own div.entry-content {
    padding-left: 15px;
    width: 355px;
}

div#comments ol li.own h6,
div#comments ol li.own h6 a,
div#comments ol li.own h6 span.date {
    color: #252525;
}

div#comments ol li.own h6 a:hover {
    color: #151515;
}

div#comments h6 {
  font-size: 1em;
  margin-right: -155px;
}

div#comments h6 a {
  border-bottom: solid 1px #DADADA;
}

div#comments h6 a:hover {
  border-bottom: solid 1px #AAA;
  text-decoration: none;
}

div#comments h6 span.date a {
    border: 0;
    cursor: text;
}

div#comments a.entry-title {
  display: none;
}

/* comment form */

div#comments ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#comments ul li {
  margin: 0 0 1em 0;
  padding: 0 0 0 7em;
}

div#comments ul label {
  float: left;
  display: inline;
  margin-left: -7em;
  width: 6em;
  text-align: right;
  font-style: italic;
  color: #999;
}

div#comments ul input,
div#comments ul textarea {
  font-size: 1.181818em;
}

div#comments ul textarea {
  width: 28em;
  height: 16em;
}

p#smallStuff {
  padding-left: 7em;
  margin-top: 3em;
  color: #999;
}

p#smallStuff input {
  font-size: 10px;
}

p#smallStuff a {
  color: #999;
}

/* comments errors */

div#comments div#cpreview {
  margin: 3em -10px 0 -10px;
  padding: 10px;
  background: #ECEBEB;
}

div#comments h3 {
  margin-top: 0;
}

div#comments div.error h3 {
  color: #D10F3C;
}

div#comments h3 em {
  color: #7F7153;
}

div#comments h5.subhead {
  margin: -0.5em 0 1em 0;
}

div#comments div#cpreview ol {
  margin: 0;
}

/* feed link */

a#feedlink {
    background-image: url("http://cdn.last.fm/blog/images_layout/feedicon_sidebar.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 16px;
}

/* stuff */

* html .clearit {
  height: 1%; /* IE5-6 */
}

* + html .clearit {
  display: inline-block; /* IE7xhtml*/
}

div.hentry:after,
.clearit:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

body#archive dl {
  margin: 0;  
  padding: 0;
}

body#archive dl dt {
  margin: 1.5em 0 0.5em 0;
  padding: 0;
  font-size: 1.8em;
  font-family: Georgia, serif;
  color: #888;
}

body#archive dl dd {
  margin: 0 0 1em 0;
  padding: 0;
  font-size: 1.1em;
  color: #888;
}

body#archive dl dd span {
  font-family: Georgia, serif;
  font-size: 1.0909091em;
}

body#archive dl dd span.rssCmntCnt {
    font-family: "Lucida Sans", "Lucida Grande", sans-serif;
    font-size: 1em;
}