kirsle/kirsle.net
1
0
Fork 0
mirror of https://github.com/kirsle/kirsle.net synced 2024-12-22 06:59:29 +00:00
Code Releases Activity

UI tweaks for mobile

Browse Source
This commit is contained in:
Noah 2014-10-16 01:50:54 +00:00
parent 07c2e909ae
commit 2453f0696f
2 changed files with 26 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
www/layout.html
View File

@ -13,6 +13,9 @@
<!-- Kirsle.net Solar --> <!-- Kirsle.net Solar -->
<link rel="stylesheet" type="text/css" media="screen" href="/solar/ui.css"> <link rel="stylesheet" type="text/css" media="screen" href="/solar/ui.css">
<link rel="stylesheet" type="text/css" media="print" href="/solar/print.css"> <link rel="stylesheet" type="text/css" media="print" href="/solar/print.css">
<link rel="stylesheet" type="text/css" href="/solar/monokai.css">
<link rel="stylesheet" type="text/css" href="/solar/vim-syntax.css">
<link rel="alternate" type="application/rss+xml" title="Kirsle's RSS Feed" href="/blog/rss">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]> <!--[if lt IE 9]>
@ -239,4 +242,4 @@
<!-- End Piwik Code --> <!-- End Piwik Code -->
</body> </body>
</html> </html>

30
www/solar/ui.css
View File

@ -51,7 +51,8 @@ h4 {
pre,code { pre,code {
font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace; font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
font-size: 9pt; font-size: 9pt;
color: #00CCCC color: #00CCCC;
background-color: transparent;
} }
pre { pre {
display: block; display: block;
@ -62,11 +63,11 @@ pre {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
max-height: 550px; max-height: 550px;
background-color: transparent;
overflow: auto overflow: auto
} }
code { code {
display: inline display: inline;
padding: 0
} }
label { label {
cursor: pointer cursor: pointer
@ -397,15 +398,21 @@ ul.blog-categories li:last-child:after {
.k-supernova { .k-supernova {
/* Main BG image */ /* Main BG image */
position: fixed; position: absolute;
z-index: -100; z-index: -100;
top: 0px; top: 0;
left: 0px; left: 0;
width: 960px; width: 960px;
height: 1000px; height: 1000px;
background-image: url("supernova.jpg"); background-image: url("supernova.jpg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0px 0px background-position: 0 0;
}
@media (min-width: 768px) {
.k-supernova {
position: fixed;
}
} }
.k-kirsle { .k-kirsle {
/* Kirsle logo */ /* Kirsle logo */
@ -478,7 +485,6 @@ ul.blog-categories li:last-child:after {
background-repeat: repeat; background-repeat: repeat;
background-position: 0px 0px; background-position: 0px 0px;
z-index: 300; z-index: 300;
margin: 0px 10px;
padding: 6px; padding: 6px;
border: 2px ridge #0099FF; border: 2px ridge #0099FF;
border-radius: 10px; border-radius: 10px;
@ -500,3 +506,11 @@ ul.blog-categories li:last-child:after {
background-position: 0px 0px; background-position: 0px 0px;
height: 50px height: 50px
} }
/* Simplify panels for mobile */
@media (max-width: 768px) {
.k-navpanel, .k-content-panel {
background-image: none;
background-color: #000000;
}
}