Add Monil's background images and minimize the stylesheet
This commit is contained in:
Armando Trejo Oliver
parent
91d9ddaafd
commit
88772c61ce
BIN
assets/Web_Bottom.png
Normal file
BIN
assets/Web_Bottom.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
assets/Web_Top.png
Normal file
BIN
assets/Web_Top.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
assets/Web_Top2.png
Normal file
BIN
assets/Web_Top2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
72
index.html
72
index.html
@ -6,7 +6,6 @@
|
|||||||
<title>Cosmos DB Engineering Blog</title>
|
<title>Cosmos DB Engineering Blog</title>
|
||||||
|
|
||||||
<link rel="stylesheet" href="stylesheets/styles.css">
|
<link rel="stylesheet" href="stylesheets/styles.css">
|
||||||
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
|
|
||||||
<link rel="icon" sizes="any" mask="" href="assets/CosmosDB_cmyk_hq_lighttheme.png">
|
<link rel="icon" sizes="any" mask="" href="assets/CosmosDB_cmyk_hq_lighttheme.png">
|
||||||
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||||
@ -25,33 +24,80 @@
|
|||||||
<![endif]-->
|
<![endif]-->
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="wrapper">
|
<header>
|
||||||
<section>
|
</header>
|
||||||
|
|
||||||
|
<section>
|
||||||
<h1>Cosmos DB Engineering Blog</h1>
|
<h1>Cosmos DB Engineering Blog</h1>
|
||||||
<p><a href="http://cosmosdb.com">Cosmos DB</a> is Microsoft’s globally distributed database designed from the ground up for the cloud. Cosmos DB is one of the foundational services - Microsoft relies on it heavily for all of its mission critical applications.</p>
|
<p><a href="http://cosmosdb.com">Cosmos DB</a> is Microsoft’s globally distributed database designed from the ground up for the cloud. Cosmos DB is one of the foundational services - Microsoft relies on it heavily for all of its mission critical applications.</p>
|
||||||
|
|
||||||
<p>Cosmos DB is a culmination of decades worth of distributed systems and database research with world class Microsoft engineering. We have built Cosmos DB with careful craftsmanship and love.</p>
|
<p>Cosmos DB is a culmination of decades worth of distributed systems and database research with world class Microsoft engineering. We have built Cosmos DB with careful craftsmanship and love.</p>
|
||||||
|
|
||||||
<p>In this blog we want to share the lessons we have learnt in building and operating Cosmos DB.</p>
|
<p>In this blog we want to share the lessons we have learnt in building and operating Cosmos DB.</p>
|
||||||
</section>
|
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet arcu a tincidunt euismod. Praesent quis augue mattis, pretium magna id, dapibus diam. Nam id nunc a nulla aliquet congue. Curabitur nec lorem in nisl venenatis rhoncus. Nunc pharetra libero sapien, id posuere nisi interdum quis. Suspendisse ac vulputate elit. Etiam condimentum sagittis augue, eu consequat orci imperdiet vitae. Donec nec feugiat enim. Fusce vulputate et ex sit amet finibus. Mauris id iaculis mauris. Morbi eu odio ac purus tempor interdum. Sed eget eleifend ipsum. Etiam ipsum sem, condimentum vel fermentum eget, auctor sed elit.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Sed nec ex iaculis, maximus ante ut, vestibulum dolor. Curabitur urna mi, molestie at pretium eu, auctor a justo. Nullam gravida erat non velit efficitur, ac aliquam mauris luctus. Fusce vitae tellus eu massa volutpat volutpat. Donec placerat ligula eget metus aliquam consectetur egestas ac massa. Vivamus sodales efficitur sem. Proin posuere fermentum orci, ut scelerisque ex. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis lacinia tellus ipsum, in eleifend lorem accumsan eget. Pellentesque ornare scelerisque tortor, et tincidunt dui tristique at. Nulla dignissim, felis at luctus vehicula, ante lacus efficitur neque, nec vulputate dui felis eget risus. Nam volutpat est eget dui scelerisque interdum. Aenean ipsum mi, posuere eget lacus at, placerat suscipit dui. Nunc blandit lectus et metus rutrum, sed accumsan augue tempor. Aenean egestas erat id augue varius dapibus.
|
||||||
|
Cras bibendum odio eget risus dapibus dapibus. Nam finibus magna nec eros egestas pretium. Morbi ac justo id ex efficitur feugiat. Aenean quis dui sed nisi consequat luctus. Ut dignissim non enim ac tempor. Sed ultricies at magna a ullamcorper. In aliquam ante quam, eu pharetra risus tincidunt et. Sed efficitur nec tellus pretium laoreet.
|
||||||
|
</p>
|
||||||
|
<!-- <p>
|
||||||
|
Sed aliquet tellus ac justo dapibus, id vestibulum nisi porttitor. Donec eu fermentum erat. Morbi semper tempus tortor vitae malesuada. Phasellus faucibus lacus ac enim gravida, eget aliquam eros semper. Pellentesque condimentum nisi eu ante tincidunt dictum. Nullam tincidunt elit purus, sed euismod erat blandit ut. Nunc lobortis accumsan magna non pretium. Mauris ornare eleifend ligula. Curabitur ac nisi eu quam fermentum convallis eu sagittis nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ut commodo metus. Duis blandit feugiat urna, et volutpat nulla ultricies a.
|
||||||
|
</p> -->
|
||||||
|
<!-- <p>
|
||||||
|
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi tempor nisi in feugiat malesuada. Mauris id lectus vel nisl efficitur placerat ut sed neque. Nunc ac vestibulum nulla. Mauris sed massa nisi. Nam nec augue in velit egestas lobortis a quis eros. Maecenas venenatis, metus vel auctor semper, velit velit finibus ipsum, eu condimentum augue leo in diam. Aenean auctor orci at mattis semper. Aliquam mollis nulla sit amet malesuada congue. Nunc auctor arcu non dolor pharetra blandit.
|
||||||
|
</p> -->
|
||||||
|
<!-- <p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet arcu a tincidunt euismod. Praesent quis augue mattis, pretium magna id, dapibus diam. Nam id nunc a nulla aliquet congue. Curabitur nec lorem in nisl venenatis rhoncus. Nunc pharetra libero sapien, id posuere nisi interdum quis. Suspendisse ac vulputate elit. Etiam condimentum sagittis augue, eu consequat orci imperdiet vitae. Donec nec feugiat enim. Fusce vulputate et ex sit amet finibus. Mauris id iaculis mauris. Morbi eu odio ac purus tempor interdum. Sed eget eleifend ipsum. Etiam ipsum sem, condimentum vel fermentum eget, auctor sed elit.
|
||||||
|
</p> -->
|
||||||
|
<!-- <p>
|
||||||
|
Sed nec ex iaculis, maximus ante ut, vestibulum dolor. Curabitur urna mi, molestie at pretium eu, auctor a justo. Nullam gravida erat non velit efficitur, ac aliquam mauris luctus. Fusce vitae tellus eu massa volutpat volutpat. Donec placerat ligula eget metus aliquam consectetur egestas ac massa. Vivamus sodales efficitur sem. Proin posuere fermentum orci, ut scelerisque ex. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis lacinia tellus ipsum, in eleifend lorem accumsan eget. Pellentesque ornare scelerisque tortor, et tincidunt dui tristique at. Nulla dignissim, felis at luctus vehicula, ante lacus efficitur neque, nec vulputate dui felis eget risus. Nam volutpat est eget dui scelerisque interdum. Aenean ipsum mi, posuere eget lacus at, placerat suscipit dui. Nunc blandit lectus et metus rutrum, sed accumsan augue tempor. Aenean egestas erat id augue varius dapibus.
|
||||||
|
</p> -->
|
||||||
|
<!-- <p>
|
||||||
|
Cras bibendum odio eget risus dapibus dapibus. Nam finibus magna nec eros egestas pretium. Morbi ac justo id ex efficitur feugiat. Aenean quis dui sed nisi consequat luctus. Ut dignissim non enim ac tempor. Sed ultricies at magna a ullamcorper. In aliquam ante quam, eu pharetra risus tincidunt et. Sed efficitur nec tellus pretium laoreet.
|
||||||
|
Sed aliquet tellus ac justo dapibus, id vestibulum nisi porttitor. Donec eu fermentum erat. Morbi semper tempus tortor vitae malesuada. Phasellus faucibus lacus ac enim gravida, eget aliquam eros semper. Pellentesque condimentum nisi eu ante tincidunt dictum. Nullam tincidunt elit purus, sed euismod erat blandit ut. Nunc lobortis accumsan magna non pretium. Mauris ornare eleifend ligula. Curabitur ac nisi eu quam fermentum convallis eu sagittis nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ut commodo metus. Duis blandit feugiat urna, et volutpat nulla ultricies a.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi tempor nisi in feugiat malesuada. Mauris id lectus vel nisl efficitur placerat ut sed neque. Nunc ac vestibulum nulla. Mauris sed massa nisi. Nam nec augue in velit egestas lobortis a quis eros. Maecenas venenatis, metus vel auctor semper, velit velit finibus ipsum, eu condimentum augue leo in diam. Aenean auctor orci at mattis semper. Aliquam mollis nulla sit amet malesuada congue. Nunc auctor arcu non dolor pharetra blandit.
|
||||||
|
</p> -->
|
||||||
|
<!--
|
||||||
|
<p>
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet arcu a tincidunt euismod. Praesent quis augue mattis, pretium magna id, dapibus diam. Nam id nunc a nulla aliquet congue. Curabitur nec lorem in nisl venenatis rhoncus. Nunc pharetra libero sapien, id posuere nisi interdum quis. Suspendisse ac vulputate elit. Etiam condimentum sagittis augue, eu consequat orci imperdiet vitae. Donec nec feugiat enim. Fusce vulputate et ex sit amet finibus. Mauris id iaculis mauris. Morbi eu odio ac purus tempor interdum. Sed eget eleifend ipsum. Etiam ipsum sem, condimentum vel fermentum eget, auctor sed elit.
|
||||||
|
</p> -->
|
||||||
|
<!-- <p>
|
||||||
|
Sed nec ex iaculis, maximus ante ut, vestibulum dolor. Curabitur urna mi, molestie at pretium eu, auctor a justo. Nullam gravida erat non velit efficitur, ac aliquam mauris luctus. Fusce vitae tellus eu massa volutpat volutpat. Donec placerat ligula eget metus aliquam consectetur egestas ac massa. Vivamus sodales efficitur sem. Proin posuere fermentum orci, ut scelerisque ex. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis lacinia tellus ipsum, in eleifend lorem accumsan eget. Pellentesque ornare scelerisque tortor, et tincidunt dui tristique at. Nulla dignissim, felis at luctus vehicula, ante lacus efficitur neque, nec vulputate dui felis eget risus. Nam volutpat est eget dui scelerisque interdum. Aenean ipsum mi, posuere eget lacus at, placerat suscipit dui. Nunc blandit lectus et metus rutrum, sed accumsan augue tempor. Aenean egestas erat id augue varius dapibus.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Cras bibendum odio eget risus dapibus dapibus. Nam finibus magna nec eros egestas pretium. Morbi ac justo id ex efficitur feugiat. Aenean quis dui sed nisi consequat luctus. Ut dignissim non enim ac tempor. Sed ultricies at magna a ullamcorper. In aliquam ante quam, eu pharetra risus tincidunt et. Sed efficitur nec tellus pretium laoreet.
|
||||||
|
</p> -->
|
||||||
|
<!-- <p>
|
||||||
|
Sed aliquet tellus ac justo dapibus, id vestibulum nisi porttitor. Donec eu fermentum erat. Morbi semper tempus tortor vitae malesuada. Phasellus faucibus lacus ac enim gravida, eget aliquam eros semper. Pellentesque condimentum nisi eu ante tincidunt dictum. Nullam tincidunt elit purus, sed euismod erat blandit ut. Nunc lobortis accumsan magna non pretium. Mauris ornare eleifend ligula. Curabitur ac nisi eu quam fermentum convallis eu sagittis nisi. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ut commodo metus. Duis blandit feugiat urna, et volutpat nulla ultricies a.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi tempor nisi in feugiat malesuada. Mauris id lectus vel nisl efficitur placerat ut sed neque. Nunc ac vestibulum nulla. Mauris sed massa nisi. Nam nec augue in velit egestas lobortis a quis eros. Maecenas venenatis, metus vel auctor semper, velit velit finibus ipsum, eu condimentum augue leo in diam. Aenean auctor orci at mattis semper. Aliquam mollis nulla sit amet malesuada congue. Nunc auctor arcu non dolor pharetra blandit.
|
||||||
|
</p> -->
|
||||||
|
</section>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p><a href="http://cosmosdb.com">Azure Cosmos DB </a></p>
|
<p><a href="http://cosmosdb.com">Azure Cosmos DB </a></p>
|
||||||
<p><small>Hosted on GitHub Pages — Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
|
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="javascripts/scale.fix.js"></script>
|
<script src="javascripts/scale.fix.js"></script>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
|
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
|
||||||
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js'
|
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
|
||||||
type='text/javascript'%3E%3C/script%3E"));
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
try {
|
try {
|
||||||
var pageTracker = _gat._getTracker("UA-2671099-3");
|
var pageTracker = _gat._getTracker("UA-2671099-3");
|
||||||
pageTracker._trackPageview();
|
pageTracker._trackPageview();
|
||||||
} catch(err) {}
|
}
|
||||||
|
catch(err) {
|
||||||
|
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@ -1,69 +0,0 @@
|
|||||||
.highlight { background: #ffffff; }
|
|
||||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
|
||||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
|
||||||
.highlight .k { font-weight: bold } /* Keyword */
|
|
||||||
.highlight .o { font-weight: bold } /* Operator */
|
|
||||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
|
||||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
|
||||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
|
||||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
|
||||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
|
||||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
|
||||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
|
||||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
|
||||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
|
||||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
|
||||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
|
||||||
.highlight .go { color: #888888 } /* Generic.Output */
|
|
||||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
|
||||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
|
||||||
.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
|
|
||||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
|
||||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
|
||||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
|
||||||
.highlight .kn { font-weight: bold } /* Keyword.Namespace */
|
|
||||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
|
||||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
|
||||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
|
||||||
.highlight .m { color: #009999 } /* Literal.Number */
|
|
||||||
.highlight .s { color: #d14 } /* Literal.String */
|
|
||||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
|
||||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
|
||||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
|
||||||
.highlight .no { color: #008080 } /* Name.Constant */
|
|
||||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
|
||||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
|
||||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
|
||||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
|
||||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
|
||||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
|
||||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
|
||||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
|
||||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
|
||||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
|
||||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
|
||||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
|
||||||
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
|
|
||||||
.highlight .sc { color: #d14 } /* Literal.String.Char */
|
|
||||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */
|
|
||||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */
|
|
||||||
.highlight .se { color: #d14 } /* Literal.String.Escape */
|
|
||||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
|
|
||||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */
|
|
||||||
.highlight .sx { color: #d14 } /* Literal.String.Other */
|
|
||||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
|
||||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */
|
|
||||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
|
||||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
|
||||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
|
||||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
|
||||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
|
||||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
|
||||||
|
|
||||||
.type-csharp .highlight .k { color: #0000FF }
|
|
||||||
.type-csharp .highlight .kt { color: #0000FF }
|
|
||||||
.type-csharp .highlight .nf { color: #000000; font-weight: normal }
|
|
||||||
.type-csharp .highlight .nc { color: #2B91AF }
|
|
||||||
.type-csharp .highlight .nn { color: #000000 }
|
|
||||||
.type-csharp .highlight .s { color: #A31515 }
|
|
||||||
.type-csharp .highlight .sc { color: #A31515 }
|
|
||||||
@ -1,11 +1,9 @@
|
|||||||
body {
|
body {
|
||||||
background-color: #fff;
|
background-color: #000;
|
||||||
background-image: url("/assets/background.gif");
|
margin: 0 auto;
|
||||||
padding:50px;
|
padding: 0;
|
||||||
font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
width: 100%;
|
||||||
color:#595959;
|
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
|
||||||
font-weight:400;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
@ -13,261 +11,58 @@ h1, h2, h3, h4, h5, h6 {
|
|||||||
margin:0 0 20px;
|
margin:0 0 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
p, ul, ol, table, pre, dl {
|
|
||||||
margin:0 0 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3 {
|
|
||||||
line-height:1.1;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size:28px;
|
font-size: 48px;
|
||||||
font-weight: 500;
|
font-weight: 300;
|
||||||
color:#39c;
|
color: #39c;
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
header{
|
||||||
color:#393939;
|
background-image: url("../assets/Web_Top.png"), url("../assets/Web_Top2.png");
|
||||||
font-weight: 500;
|
background-repeat: no-repeat, repeat;
|
||||||
}
|
background-color: #000;
|
||||||
|
background-position-y: -100px, 0;
|
||||||
h3, h4, h5, h6 {
|
background-position-x: -300px, 0;
|
||||||
color:#494949;
|
height: 100px;
|
||||||
font-weight: 500;
|
width: 100%;
|
||||||
}
|
margin-bottom: 30px;
|
||||||
|
|
||||||
a {
|
|
||||||
color:#39c;
|
|
||||||
text-decoration:none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color:#069;
|
|
||||||
}
|
|
||||||
|
|
||||||
a small {
|
|
||||||
font-size:11px;
|
|
||||||
color:#777;
|
|
||||||
margin-top:-0.3em;
|
|
||||||
display:block;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover small {
|
|
||||||
color:#777;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wrapper {
|
|
||||||
width:860px;
|
|
||||||
margin:0 auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
border-left:1px solid #e5e5e5;
|
|
||||||
margin:0;
|
|
||||||
padding:0 0 0 20px;
|
|
||||||
font-style:italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
code, pre {
|
|
||||||
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
|
|
||||||
color:#333;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre {
|
|
||||||
padding:8px 15px;
|
|
||||||
background: #f8f8f8;
|
|
||||||
border-radius:5px;
|
|
||||||
border:1px solid #e5e5e5;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
width:100%;
|
|
||||||
border-collapse:collapse;
|
|
||||||
}
|
|
||||||
|
|
||||||
th, td {
|
|
||||||
text-align:left;
|
|
||||||
padding:5px 10px;
|
|
||||||
border-bottom:1px solid #e5e5e5;
|
|
||||||
}
|
|
||||||
|
|
||||||
dt {
|
|
||||||
color:#444;
|
|
||||||
font-weight:500;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
color:#444;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width:100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
width:270px;
|
|
||||||
float:left;
|
|
||||||
position:fixed;
|
|
||||||
-webkit-font-smoothing:subpixel-antialiased;
|
|
||||||
}
|
|
||||||
|
|
||||||
header ul {
|
|
||||||
list-style:none;
|
|
||||||
height:40px;
|
|
||||||
padding:0;
|
|
||||||
background: #f4f4f4;
|
|
||||||
border-radius:5px;
|
|
||||||
border:1px solid #e0e0e0;
|
|
||||||
width:270px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header li {
|
|
||||||
width:89px;
|
|
||||||
float:left;
|
|
||||||
border-right:1px solid #e0e0e0;
|
|
||||||
height:40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header li:first-child a {
|
|
||||||
border-radius:5px 0 0 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header li:last-child a {
|
|
||||||
border-radius:0 5px 5px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
header ul a {
|
|
||||||
line-height:1;
|
|
||||||
font-size:11px;
|
|
||||||
color:#999;
|
|
||||||
display:block;
|
|
||||||
text-align:center;
|
|
||||||
padding-top:6px;
|
|
||||||
height:34px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header ul a:hover {
|
|
||||||
color:#999;
|
|
||||||
}
|
|
||||||
|
|
||||||
header ul a:active {
|
|
||||||
background-color:#f0f0f0;
|
|
||||||
}
|
|
||||||
|
|
||||||
strong {
|
|
||||||
color:#222;
|
|
||||||
font-weight:500;
|
|
||||||
}
|
|
||||||
|
|
||||||
header ul li + li + li {
|
|
||||||
border-right:none;
|
|
||||||
width:89px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header ul a strong {
|
|
||||||
font-size:14px;
|
|
||||||
display:block;
|
|
||||||
color:#222;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
section {
|
section {
|
||||||
width:500px;
|
margin: 0 auto;
|
||||||
float:right;
|
background-color: #000;
|
||||||
padding-bottom:50px;
|
min-height: calc(100vh - 600px);
|
||||||
}
|
/* display: flex;
|
||||||
|
flex-direction: column;
|
||||||
small {
|
flex: 1; */
|
||||||
font-size:11px;
|
/* height: 100%; */
|
||||||
}
|
color: #ccc;
|
||||||
|
margin-left: 200px;
|
||||||
hr {
|
margin-right: 200px;
|
||||||
border:0;
|
|
||||||
background:#e5e5e5;
|
|
||||||
height:1px;
|
|
||||||
margin:0 0 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
width:270px;
|
margin: 0 auto;
|
||||||
float:left;
|
background-image: url(../assets/Web_Bottom.png);
|
||||||
position:fixed;
|
height: 400px;
|
||||||
bottom:50px;
|
/* background-repeat: no-repeat; */
|
||||||
-webkit-font-smoothing:subpixel-antialiased;
|
/* background-size: cover; */
|
||||||
|
/* margin-left: 200px;
|
||||||
|
margin-right: 200px; */
|
||||||
}
|
}
|
||||||
|
|
||||||
@media print, screen and (max-width: 960px) {
|
footer p{
|
||||||
|
color: #ccc;
|
||||||
div.wrapper {
|
margin-left: 100px;
|
||||||
width:auto;
|
margin-right: 100px;
|
||||||
margin:0;
|
margin-top: 100px;
|
||||||
}
|
|
||||||
|
|
||||||
header, section, footer {
|
|
||||||
float:none;
|
|
||||||
position:static;
|
|
||||||
width:auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
padding-right:320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
section {
|
|
||||||
border:1px solid #e5e5e5;
|
|
||||||
border-width:1px 0;
|
|
||||||
padding:20px 0;
|
|
||||||
margin:0 0 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header a small {
|
|
||||||
display:inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
header ul {
|
|
||||||
position:absolute;
|
|
||||||
right:50px;
|
|
||||||
top:52px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media print, screen and (max-width: 720px) {
|
p{
|
||||||
body {
|
|
||||||
word-wrap:break-word;
|
|
||||||
}
|
|
||||||
|
|
||||||
header {
|
|
||||||
padding:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
header ul, header p.view {
|
|
||||||
position:static;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre, code {
|
|
||||||
word-wrap:normal;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media print, screen and (max-width: 480px) {
|
a{
|
||||||
body {
|
color: #39c;
|
||||||
padding:15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header ul {
|
|
||||||
width:99%;
|
|
||||||
}
|
|
||||||
|
|
||||||
header li, header ul li + li + li {
|
|
||||||
width:33%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media print {
|
|
||||||
body {
|
|
||||||
padding:0.4in;
|
|
||||||
font-size:12pt;
|
|
||||||
color:#444;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user