Skip to content
Browse files

Restyled PRE element

  • Loading branch information...
1 parent 5d2e8b1 commit 19ec66d106f66f1a6081126abdc3089458832a8c @johanbrook committed Feb 13, 2012
View
2 .gitignore
@@ -1,7 +1,5 @@
tmp
-tmp/
tmp/*
-./tmp
.sass-cache
.sass-cache/*
.DS_Store
View
1 assets/stylesheets/master.css
@@ -1 +0,0 @@
-/* normalize.css 2012-01-31T16:06 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}div,hgroup,h1,h2{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:0.67em 0}h2{font-size:1.5em;margin:0.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:0.83em;margin:1.67em 0}h6{font-size:0.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted #ddd}b,strong{font-weight:bold}blockquote{margin:0}dfn{font-style:italic}mark{background:#ff0;color:#000}pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:0;padding:0;list-style:outside square}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.ingress{color:#7f7f7f;font-size:1.1em}.ingress strong{color:#323232;text-transform:uppercase;letter-spacing:.1em}.meta,.no-content{color:#7f7f7f}.sep{color:#7f7f7f;display:inline-block;margin:0 .3em}.suphead{font-family:"Lato","Helvetica Neue",Arial,sans-serif;font-style:normal;font-size:13px;font-size:0.813rem;position:relative;cursor:help;display:block}.suphead .label{text-transform:uppercase;color:#fff;font-size:.8em;-webkit-border-radius:0.2em;-moz-border-radius:0.2em;-ms-border-radius:0.2em;-o-border-radius:0.2em;border-radius:0.2em;background-color:#d5253e;padding:1px .3em;border:1px solid transparent}.suphead .label:hover{background-color:#aa1d31;border-color:#7e1625}.suphead .link-url{-webkit-transition-property:width;-moz-transition-property:width;-ms-transition-property:width;-o-transition-property:width;transition-property:width;-webkit-transition-duration:0.7s;-moz-transition-duration:0.7s;-ms-transition-duration:0.7s;-o-transition-duration:0.7s;transition-duration:0.7s;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-moz-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-ms-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-o-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-delay:0.8s;-moz-transition-delay:0.8s;-ms-transition-delay:0.8s;-o-transition-delay:0.8s;transition-delay:0.8s;width:0;top:0;left:9%;overflow:hidden;position:absolute;white-space:nowrap;display:inline-block;color:#7f7f7f}@media all and (min-width: 600px){header:hover .link-url{width:100%}}.horizontal li{display:inline-block}.list{list-style:none}.group::before,.group::after{content:"";display:table}.group::after{clear:both}.group{zoom:1}.right{text-align:right}.left{text-align:left}.center{text-align:center}.alignleft{float:left}.alignright{float:right}.alignmiddle{display:block;margin-left:auto;margin-right:auto}.hidden{display:none}.visuallyhidden{position:absolute;left:-999em}img,object,embed,video{max-width:100%;height:auto}p,ul,ol,blockquote,figure,pre,dl{margin-bottom:1.6em}small{font-size:.9em}hr{border:0;height:1px;width:10%;background-color:#cecece;margin:1.6em 0}dt{font-family:"Lato","Helvetica Neue",Arial,sans-serif}strong,figcaption{font-family:"Lato","Helvetica Neue",Arial,sans-serif}del,figcaption{color:#7f7f7f}blockquote{font-family:"Lato","Helvetica Neue",Arial,sans-serif;color:#7f7f7f;border-left:2px solid #d5253e;padding:0 5%}blockquote footer{font-family:"PT Serif",Georgia,serif;font-size:.9em;font-style:italic;color:#323232}table{width:100%}th{font-family:"Lato","Helvetica Neue",Arial,sans-serif;text-align:left}tbody tr{border-top:1px dotted #ccc}tbody tr:hover{background-color:rgba(213,37,62,0.1)}td,th{padding:.5em .3em}h1,h2,h3,h4,h5{font-family:"Lato","Helvetica Neue",Arial,sans-serif;font-weight:bold;color:#000;-webkit-font-smoothing:antialiased}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover{background:none}.huge,.single [role="article"] header h1{font-size:39px;font-size:2.438rem;line-height:1.168}h1{font-size:28px;font-size:1.75rem;line-height:1.168;margin-bottom:1em}h2{font-size:24px;font-size:1.5rem;line-height:1.168}h3{font-size:18px;font-size:1.125rem;color:#7f7f7f}h4{font-size:14px;font-size:0.875rem}a{color:#d5253e;text-decoration:none;position:relative}a:hover{color:#bf2138;background-color:rgba(213,37,62,0.05);text-decoration:underline}a:active{top:1px}a.read-more{font-size:1.1em}pre,code{font-family:Inconsolata,Monaco,Courier,monospace}code{background-color:#eee;border-bottom:1px solid #ddd;padding:0 .2em}pre{background-color:#222;color:#fff;padding:1.6em 3%;font-size:.9em}pre code{background:none;border:0;padding:0}kbd{font:bold 0.8em/1.6 "Lato","Helvetica Neue",Arial,sans-serif;background-color:#eee;padding:0 2px;text-transform:uppercase}.columns,.columns-two,.columns-three,.columns-four{-webkit-column-gap:2em;-moz-column-gap:2em;column-gap:2em;-webkit-column-rule:1px solid #e2e2e2;-moz-column-rule:1px solid #e2e2e2;column-rule:1px solid #e2e2e2}.columns-two{-webkit-column-count:2;-moz-column-count:2;column-count:2}.columns-three{-webkit-column-count:3;-moz-column-count:3;column-count:3}.columns-four{-webkit-column-count:4;-moz-column-count:4;column-count:4}html{background:#fff}body{font:normal 0.938rem/1.6 "PT Serif",Georgia,serif;margin:3.2em 10%;color:#323232;-webkit-tap-highlight-color:#d5253e}body::before,body::after{content:"";display:table}body::after{clear:both}body{zoom:1}[role="main"]{float:left;width:61.8%}[role="main"]>header:first-child{margin-bottom:4.6em;border-bottom:0.2em solid #d5253e}.sidebar{float:left;width:38.2%;padding-right:3%}[role="banner"] h1{text-transform:uppercase;height:4.8em;width:4.8em;margin:0 auto}[role="banner"] h1 a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:10em;-moz-border-radius:10em;-ms-border-radius:10em;-o-border-radius:10em;border-radius:10em;display:block;height:100%;line-height:8em;font-size:16px;font-size:1rem;background-color:#d5253e;color:#fff;text-decoration:none}[role="banner"] h1 a:hover{background-color:#323232}[role="banner"] h1 a.gotohome{background-image:url("../images/home.svg");background-repeat:no-repeat;background-position:center center;text-indent:-999em}[role="navigation"]{font-family:"Lato","Helvetica Neue",Arial,sans-serif;color:#9f9f9f;text-transform:uppercase;font-size:.8em;border-bottom:3px double #ddd;max-width:70%;margin:3.2em auto}[role="navigation"] li{display:inline-block;width:48%;margin-bottom:1px}[role="navigation"] li:nth-child(odd){border-left:0}[role="navigation"] li:last-child,[role="navigation"] li:nth-child(5){border-bottom:0}[role="navigation"] li a{display:block;line-height:3.2em;-webkit-border-radius:0.3em;-moz-border-radius:0.3em;-ms-border-radius:0.3em;-o-border-radius:0.3em;border-radius:0.3em}[role="navigation"] li a:hover{color:#fff;background:#d5253e;text-decoration:none}[role="navigation"] li.current_page_item a,[role="navigation"] li a:active{top:auto;background:#d5253e;color:#fff;-webkit-box-shadow:inset rgba(0,0,0,0.6) 0 1px 0.3em;-moz-box-shadow:inset rgba(0,0,0,0.6) 0 1px 0.3em;-ms-box-shadow:inset rgba(0,0,0,0.6) 0 1px 0.3em;-o-box-shadow:inset rgba(0,0,0,0.6) 0 1px 0.3em;box-shadow:inset rgba(0,0,0,0.6) 0 1px 0.3em}[role="navigation"] .secondary-nav{font-family:"Lato","Helvetica Neue",Arial,sans-serif;text-transform:uppercase;font-size:.8em}[role="navigation"] .secondary-nav li{margin-right:4%}[role="navigation"] .secondary-nav li:last-child{margin-right:0}[role="navigation"] .secondary-nav a{color:#9f9f9f}.sidebar{text-align:center}.sidebar h2{font-size:12px;font-size:0.75rem;color:#444;text-transform:uppercase}.sidebar dd{margin-bottom:0.8em}.sidebar .links span{display:block}.sidebar .links li{margin-bottom:0.8em}.sidebar section{color:#999;font-size:14px;font-size:0.875rem;width:80%;margin:3.2em auto 0}[role="contentinfo"]{clear:both;text-align:right;font-family:"Lato","Helvetica Neue",Arial,sans-serif;color:#7f7f7f}[role="contentinfo"] hr{float:right}[role="contentinfo"] p{clear:right}.home [role="article"]{margin-bottom:6.4em}.home [role="article"]:last-of-type{margin-bottom:0}[role="article"] header h1 a{color:inherit;text-decoration:none}[role="article"] header .meta{font-family:"Lato","Helvetica Neue",Arial,sans-serif;text-transform:uppercase}[role="article"] header small.meta{font-size:.8em}[role="article"].link header h1{font-size:18px;font-size:1.125rem}.post-text p strong{font-size:1.1em}.post-text small{color:#7f7f7f;font-family:"Lato","Helvetica Neue",Arial,sans-serif}.post-text p ~ h2{margin-top:1.6em}::selection{background:#d5253e;color:#fff}::-moz-selection{background:#d5253e;color:#fff}img::selection{background:transparent}img::-moz-selection{background:transparent}@media screen and (max-width: 70em){body{margin:1.6em 15%}[role="banner"]{margin-bottom:1.6em}[role="banner"] h1{margin:0;height:auto;width:auto}[role="banner"] h1 a{background:none;color:#323232;line-height:1;display:inline;height:auto}[role="banner"] h1 a:hover{color:inherit;background:inherit}[role="main"],.sidebar{float:none;width:auto;margin:0}.sidebar section{width:100%}.sidebar .links{text-align:left}.sidebar .links::before,.sidebar .links::after{content:"";display:table}.sidebar .links::after{clear:both}.sidebar .links{zoom:1}.sidebar .links li{float:left;width:33%}.sidebar .links ~ small{display:none}}@media screen and (max-width: 45em){body{margin-left:8%;margin-right:8%}[role="navigation"]{max-width:none;margin:1.6em 0 0}[role="navigation"] li{width:24%}.sidebar .links{display:none}#contact table td:nth-child(4n+1),#contact table th:nth-child(4n+1),#contact table td:nth-child(4n+3),#contact table th:nth-child(4n+3){display:none}.read-more{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-webkit-border-radius:0.2em;-moz-border-radius:0.2em;-ms-border-radius:0.2em;-o-border-radius:0.2em;border-radius:0.2em;-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 5px;-moz-box-shadow:rgba(0,0,0,0.1) 0 0 5px;-ms-box-shadow:rgba(0,0,0,0.1) 0 0 5px;-o-box-shadow:rgba(0,0,0,0.1) 0 0 5px;box-shadow:rgba(0,0,0,0.1) 0 0 5px;background-color:#d5253e;padding:.1em .4em;color:#fff;font-family:"Lato","Helvetica Neue",Arial,sans-serif;font-weight:bold;text-transform:uppercase;text-align:center;display:block}.read-more:hover{color:#fff;text-decoration:none;background-color:#bf2138}.read-more:active{top:auto;-webkit-box-shadow:inset rgba(0,0,0,0.6) 0 1px 0.3em;-moz-box-shadow:inset rgba(0,0,0,0.6) 0 1px 0.3em;-ms-box-shadow:inset rgba(0,0,0,0.6) 0 1px 0.3em;-o-box-shadow:inset rgba(0,0,0,0.6) 0 1px 0.3em;box-shadow:inset rgba(0,0,0,0.6) 0 1px 0.3em}[role="contentinfo"]{text-align:center}[role="contentinfo"] hr{float:none;margin:0 auto}}
View
17 theme/assets/stylesheets/common/_elements.scss
@@ -149,16 +149,29 @@ code {
}
pre {
- background-color: #222;
- color: #fff;
+ //background-color: #222;
+ //color: #fff;
+ background-color: #f6f6f6;
+ border: 1px solid #ccc;
padding: $lineheight 3%;
font-size: .9em;
+ position: relative;
code {
background: none;
border: 0;
padding: 0;
}
+
+ &::after {
+ display: block;
+ position: absolute;
+ right: 1%;
+ bottom: 0;
+ content: attr(class);
+ text-transform: uppercase;
+ @include rem(12);
+ }
}
kbd {
View
4 tmp/4d2f7d18b93012edc0be5aed4e674338.php
@@ -32,7 +32,11 @@
<a href="<?php the_permalink();?>">Permalink</a>
<?php echo sep(); ?>
+ <?php if(the_shortlink()): { ?>
+
Shortlink: <a href="<?php the_shortlink();?>"><?php the_shortlink();?></a>
+<?php } ?>
+ <?php endif;; ?>
</small>
</header>
<div class="post-text">
View
4 tmp/fd3e6c249605a545786979243afa419e.php
@@ -5,9 +5,11 @@
<head>
<meta charset="utf-8" />
<!-- Title -->
- <title><?php wp_title(" - ", true, "right"); ?>Johan Brook</title>
+ <title><?php wp_title("", true, "right"); ?></title>
<!-- Fonts -->
<link href='http://fonts.googleapis.com/css?family=Lato:400,700|PT+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+ <!-- Viewport -->
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Stylesheet -->
<?php echo stylesheet_link_tag("master"); ?>

0 comments on commit 19ec66d

Please sign in to comment.
Something went wrong with that request. Please try again.