Files
jimeh.me-v3.0/source/site/stylesheets/master.css

757 lines
16 KiB
CSS

/* @group @font-face */
@font-face {
font-family: 'Colaborate-ThinRegular';
src: url('/resources/fonts/ColabThi.eot');
src: local('Colaborate-Thin Regular'), local('Colaborate-Thin'), url('/resources/fonts/ColabThi.ttf') format('truetype');
}
@font-face {
font-family: 'ColaborateLightRegular';
src: url('/resources/fonts/ColabLig.eot');
src: local('ColaborateLight Regular'), local('Colaborate-Light'), url('/resources/fonts/ColabLig.ttf') format('truetype');
}
@font-face {
font-family: 'Colaborate-RegularRegular';
src: url('/resources/fonts/ColabReg.eot');
src: local('Colaborate-Regular Regular'), local('Colaborate-Regular'), url('/resources/fonts/ColabReg.ttf') format('truetype');
}
@font-face {
font-family: 'Colaborate-MediumRegular';
src: url('/resources/fonts/ColabMed.eot');
src: local('Colaborate-Medium Regular'), local('Colaborate-Medium'), url('/resources/fonts/ColabMed.ttf') format('truetype');
}
@font-face {
font-family: 'Colaborate-BoldRegular';
src: url('/resources/fonts/ColabBol.eot');
src: local('Colaborate-Bold Regular'), local('Colaborate-Bold'), url('/resources/fonts/ColabBol.ttf') format('truetype');
}
@font-face {
font-family: 'DejaVuSansMonoBook';
src: url('/resources/fonts/DejaVuSansMono.eot');
src: local('DejaVu Sans Mono Book'), local('DejaVuSansMono'), url('/resources/fonts/DejaVuSansMono.ttf') format('truetype');
}
@font-face {
font-family: 'DejaVuSansMonoOblique';
src: url('/resources/fonts/DejaVuSansMono-Oblique.eot');
src: local('DejaVu Sans Mono Oblique'), local('DejaVuSansMono-Oblique'), url('/resources/fonts/DejaVuSansMono-Oblique.ttf') format('truetype');
}
@font-face {
font-family: 'DejaVuSansMonoBold';
src: url('/resources/fonts/DejaVuSansMono-Bold.eot');
src: local('DejaVu Sans Mono Bold'), local('DejaVuSansMono-Bold'), url('/resources/fonts/DejaVuSansMono-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'DejaVuSansMonoBoldOblique';
src: url('/resources/fonts/DejaVuSansMono-BoldOblique.eot');
src: local('DejaVu Sans Mono Bold Oblique'), local('DejaVuSansMono-BoldOblique'), url('/resources/fonts/DejaVuSansMono-BoldOblique.ttf') format('truetype');
}
/* @end */
/* @group Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}* html .clearfix {height: 1%;}
/* @end */
/* @group Basic HTML */
html {
}
body {
background: #fff;
font: 15px/1.5 'Colaborate-ThinRegular', 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}
a {
color: #1193F6;
text-decoration: none;
border-bottom: 2px solid transparent;
-webkit-transition-duration: 0.2s;
-webkit-transition-property: border-bottom;
-webkit-transition-timing-function: ease-in;
-moz-transition-duration: 0.2s;
-moz-transition-property: border-bottom;
-moz-transition-timing-function: ease-in;
}
a:hover {
border-bottom: 2px solid #E1EAFE;
/* -webkit-transition-duration: 0.3s;
-webkit-transition-property: border-bottom;
-webkit-transition-timing-function: ease-in;
-moz-transition-duration: 0.3s;
-moz-transition-property: border-bottom;
-moz-transition-timing-function: ease-in;*/
}
b, strong {
font-family: 'Colaborate-RegularRegular', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight: normal;
}
li p, li ul {
margin-bottom: 0px;
}
hr {
border: 0 #ccc solid;
border-top-width: 1px;
clear: both;
height: 0;
}
/* @end */
/* @group Spacing */
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
li {
margin-left: 30px;
margin-right: 10px;
}
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
margin-bottom: 20px;
}
/* @end */
/* @group Headings */
h1, h2, h3, h4, h5, h6 {
font-family: 'ColaborateLightRegular', 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight: normal;
}
h1.thin, h2.thin, h3.thin, h4.thin, h5.thin, h6.thin {
font-family: 'Colaborate-ThinRegular', 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}
h1 {
font-size: 25px;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 19px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 15px;
}
/* @end */
/* @group Code Highlighting */
.c { color: #999988; font-style: italic } /* Comment */
.err { color: #a61717; background-color: #e3d2d2 } /* Error */
.k { color: #000000; font-weight: bold } /* Keyword */
.o { color: #000000; font-weight: bold } /* Operator */
.cm { color: #999988; font-style: italic } /* Comment.Multiline */
.cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.c1 { color: #999988; font-style: italic } /* Comment.Single */
.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.ge { color: #000000; font-style: italic } /* Generic.Emph */
.gr { color: #aa0000 } /* Generic.Error */
.gh { color: #999999 } /* Generic.Heading */
.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.go { color: #888888 } /* Generic.Output */
.gp { color: #555555 } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #aaaaaa } /* Generic.Subheading */
.gt { color: #aa0000 } /* Generic.Traceback */
.kc { color: #000000; font-weight: bold } /* Keyword.Constant */
.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
.kt { color: #445588; font-weight: bold } /* Keyword.Type */
.m { color: #009999 } /* Literal.Number */
.s { color: #d14 } /* Literal.String */
.na { color: #008080 } /* Name.Attribute */
.nb { color: #0086B3 } /* Name.Builtin */
.nc { color: #445588; font-weight: bold } /* Name.Class */
.no { color: #008080 } /* Name.Constant */
.ni { color: #800080 } /* Name.Entity */
.ne { color: #990000; font-weight: bold } /* Name.Exception */
.nf { color: #990000; font-weight: bold } /* Name.Function */
.nn { color: #555555 } /* Name.Namespace */
.nt { color: #000080 } /* Name.Tag */
.nv { color: #008080 } /* Name.Variable */
.ow { color: #000000; font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #009999 } /* Literal.Number.Float */
.mh { color: #009999 } /* Literal.Number.Hex */
.mi { color: #009999 } /* Literal.Number.Integer */
.mo { color: #009999 } /* Literal.Number.Oct */
.sb { color: #d14 } /* Literal.String.Backtick */
.sc { color: #d14 } /* Literal.String.Char */
.sd { color: #d14 } /* Literal.String.Doc */
.s2 { color: #d14 } /* Literal.String.Double */
.se { color: #d14 } /* Literal.String.Escape */
.sh { color: #d14 } /* Literal.String.Heredoc */
.si { color: #d14 } /* Literal.String.Interpol */
.sx { color: #d14 } /* Literal.String.Other */
.sr { color: #009926 } /* Literal.String.Regex */
.s1 { color: #d14 } /* Literal.String.Single */
.ss { color: #990073 } /* Literal.String.Symbol */
.bp { color: #999999 } /* Name.Builtin.Pseudo */
.vc { color: #008080 } /* Name.Variable.Class */
.vg { color: #008080 } /* Name.Variable.Global */
.vi { color: #008080 } /* Name.Variable.Instance */
.il { color: #009999 } /* Literal.Number.Integer.Long */
/* @end */
/* @group FancyBox*/
a.fancybox,
span.fancybox {
border-bottom: none;
position: relative;
}
a.fancybox img,
span.fancybox img {
border: 4px solid #fff;
box-shadow: 0px 2px 4px #999;
-moz-box-shadow: 0px 2px 4px #999;
-webkit-box-shadow: 0px 1px 4px #999;
}
a.fancybox i,
span.fancybox i {
display: none;
background: rgba(0,0,0,0.5);
color: rgba(255,255,255,0.75);
font-family: 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
font-style: normal;
font-size: 11px;
position: absolute;
bottom: 7px;
left: 4px;
right: 4px;
overflow: hidden;
padding: 3px 7px 3px 7px;
text-align: left;
white-space: nowrap;
text-shadow: 0px 1px 0px rgba(0,0,0,1);
}
#fancybox-wrap a {
border-bottom: none;
}
/* @end */
/* @group Main Elements */
#universe {
margin: 0px auto;
width: 980px;
}
#header {
height: 100px;
}
#title {
color: #f4f4f4;
margin-top: -45px;
float: left;
font-size: 75px;
}
#title a {
color: #f4f4f4;
}
#title a:hover {
color: #f4f4f4;
text-decoration: none;
/*border: none;*/
}
/* @group #navigation */
#navigation {
font-size: 15px;
float: right;
margin: 20px 0px 20px 0px;
}
#navigation a {
color: #939393;
margin: 0px 15px;
text-decoration: none;
}
#navigation a:hover {
border: none;
text-decoration: none;
border-bottom: 2px solid #F8F8F8;
}
#navigation a.selected {
color: #1193F6;
border-bottom: 2px solid #F0F5FE;
}
/* @end */
/* @end */
/* @group Thumbnails */
.thumbs {
text-align: center !important;
}
.thumbs a {
margin: 5px;
}
/* @end */
/* @group Code Blocks */
code, pre, .gist, .gist-data, .gist-meta {
font-family: 'DejaVuSansMonoBook', Menlo, "Courier New" !important;
font-size: 12px !important;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/* @group pre, code */
pre, code {
background-color: #f8f8ff;
border: 1px solid #dedede;
padding: 1px 2px;
}
pre {
padding: 0.25em 0.5em;
margin-left: 20px;
margin-right: 20px;
}
pre code {
background-color: none;
border: none;
padding: 0px;
}
/* @end */
/* @group .gist */
.gist {
position: relative;
margin-bottom: 20px !important;
margin-left: 20px;
margin-right: 20px;
}
.gist a:hover {
border-bottom: none !important;
text-decoration: underline !important;
}
.gist-data {
border-bottom: none !important;
}
.gist-meta {
font-size: 11px !important;
position: absolute;
left: 0px;
bottom: -27px;
right: 0px;
display: none;
}
.gist:hover .gist-meta {
border: 1px solid #dedede;
display: block;
}
/* @end */
/* @end */
/* @group blockquote */
blockquote {
font-family: Georgia, 'Times New Roman', Times;
font-style: italic;
font-size: 42px;
line-height: 0.3em;
margin: 0px 20px;
}
blockquote p {
font-size: 14px;
line-height: 1.4;
}
blockquote b, blockquote strong {
font-family: Georgia, 'Times New Roman', Times;
font-style: italic;
font-weight: bold;
font-size: 14px;
line-height: 1.4;
}
blockquote:before {
color: #e6e6e6;
content: '“';
float: left;
padding-top: 10px;
padding-right: 10px;
margin-left: -28px;
}
/* @end */
/* @group .sidebar */
.sidebar {
float: right;
width: 270px;
}
.sidebar p {
margin-bottom: 8px;
}
/* @group .section */
.sidebar .section {
}
.sidebar .section h2 {
font-size: 17px;
margin-bottom: 3px;
margin-left: 25px;
}
/* @end */
/* @end */
/* @group .post-* */
.post-world {
margin: 0px 20px 0px 50px;
float: left;
width: 640px;
}
.post-item {
margin-bottom: 100px;
}
/* @group .post-title */
.post-title {
position: relative;
}
.post-title a {
color: #000;
border-bottom: 2px solid transparent;
}
.post-title a:hover {
}
/* @end */
/* @group .post-title-sub */
.post-title-sub {
color: #bbb;
font-size: 13px;
position: absolute;
bottom: -10px;
left: 0px;
}
.post-title-sub a {
color: #bbb;
}
.post-title-sub a:hover {
border-bottom: 2px solid #F8F8F8 !important;
}
.post-title-sub .hash {
color: #eee;
font-style: normal;
}
/* @end */
.post-content {
}
.post-content p {
text-align: justify;
}
/* @group .post-meta */
.post-meta {
float: left;
width: 40px;
margin-top: 2px;
margin-left: -50px;
border-right: 1px solid #E6E6E6;
}
.post-meta p {
margin: 0px;
}
.post-meta .date {
color: #cdcdcd;
text-align: center;
line-height: 1.1em;
margin: 8px 0px 5px 0px;
}
.post-meta .date i {
font-style: normal;
font-size: 24px;
display: block;
}
.post-meta .date b {
font-family: 'ColaborateLightRegular', 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight: normal;
font-size: 14px;
display: block;
}
/* @end */
.post-comments {
}
/* @group .post-comment-link */
.post-comment-link {
}
.post-comment-link a {
color: #939393;
}
/* @end */
/* @group .post-paginator */
.post-paginator {
text-align: center;
position: relative;
width: 860px;
margin: 0px auto 70px auto;
}
.post-paginator .older {
position: absolute;
left: 0px;
}
.post-paginator .newer {
position: absolute;
right: 0px;
}
/* @end */
/* @end */
/* @group .archive-list */
.archive-list {
width: 500px;
margin: 0px auto;
}
.archive-list ul {
list-style: none;
}
.archive-list h1 {
text-align: center;
}
/* @group .archive-list li */
.archive-list li {
margin: 0px;
}
.archive-list li .title {
}
.archive-list li .date {
color: #ddd;
width: 80px;
float: left;
text-align: right;
padding-right: 5px;
}
/* @end */
/* @end */
/* @group #disqus_thread */
#disqus_thread {
font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
#disqus_thread h3 {
font-family: 'ColaborateLightRegular';
font-size: 20px;
}
#dsq-content {
border-top: 1px solid #ccc;
padding-top: 8px;
margin-top: 25px;
}
/* @end */
/* @group #error-* */
#error-404 {
background: url("../images/404-dead-link.png") center center no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin: -150px 0px 0px -250px;
height: 300px;
width: 500px;
}
/* @end */
/* @group #about */
#about {
width: 454px;
height: 170px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -228px;
}
#about .avatar {
position: absolute;
top: -23px;
left: -95px;
margin: 0px 10px 10px 0px;
cursor: default;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
}
#about .avatar:hover {
}
#about .avatar img {
}
#about .info {
color: #bbb;
margin: 0px auto;
/*width: 100%;*/
}
#about .info .label {
text-align: right;
padding-right: 5px;
padding-bottom: 10px;
}
#about .info .label a {
color: #bbb;
}
/* @end */
/* @group .about-me */
.about-me {
font-size: 13px;
margin-bottom: 30px;
}
.about-me .avatar {
float: left;
margin: 3px 10px 10px 0px;
cursor: default;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
}
.about-me .avatar img {
height: 60px;
width: 60px;
}
.about-me .description {
}
dl.labels {
color: #bbb;
}
dl.labels dt {
float: left;
text-align: right;
width: 60px;
}
dl.labels dt a {
color: #bbb;
}
dl.labels dd {
margin-left: 68px;
}
/* @end */
/* @group .recent-articles */
.recent-articles {
font-size: 13px;
/* -webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);*/
}
.recent-articles ul {
color: #ddd;
list-style: none;
}
.recent-articles ul li {
margin-left: 10px;
}
/* @end */