FbIN/htmly
1
0
Fork 0
mirror of https://github.com/danpros/htmly.git synced 2026-04-21 04:56:23 +05:30
Code Issues Projects Releases Packages Wiki Activity

Improve readability on mobile devices.

Browse source 
Improve readability on mobile devices, especially when user using pre
code tags.
This commit is contained in:
Danang Probo Sayekti 2014-01-11 19:16:51 +07:00
commit 5f4f175fed
1 changed files with 11 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

20
themes/default/css/style.css
View file

@ -15,7 +15,7 @@ body {
color: #343A3F; color: #343A3F;
padding: 0; padding: 0;
margin: 0; margin: 0;
font-weight:500; word-wrap:break-word;
} }
section, footer, header, aside, nav{ section, footer, header, aside, nav{
@ -192,7 +192,6 @@ ul li, ol li{
--------------------------*/ --------------------------*/
#menu-wrapper { #menu-wrapper {
font-weight:bold;
font-family: 'Open Sans',sans-serif; font-family: 'Open Sans',sans-serif;
color: #7E909D; color: #7E909D;
padding: 10px 0; padding: 10px 0;
@ -204,6 +203,7 @@ ul li, ol li{
font-weight:bold; font-weight:bold;
font-family: 'Open Sans',sans-serif; font-family: 'Open Sans',sans-serif;
color: #7E909D; color: #7E909D;
font-size: 14px;
} }
#menu ul { #menu ul {
@ -219,7 +219,7 @@ ul li, ol li{
float:left; float:left;
margin:0 20px 0 0; margin:0 20px 0 0;
list-style:none; list-style:none;
padding-top:2px; padding-top:3px;
} }
#menu ul li:last-child { #menu ul li:last-child {
@ -238,7 +238,6 @@ ul li, ol li{
.search-input{ .search-input{
margin: 0; margin: 0;
padding: 4px 15px; padding: 4px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px; font-size:14px;
border:1px solid #0076a3; border:1px solid #0076a3;
border-top-left-radius: 5px 5px; border-top-left-radius: 5px 5px;
@ -249,7 +248,6 @@ ul li, ol li{
.search-button { .search-button {
margin: 0; margin: 0;
padding: 4px; padding: 4px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px; font-size:14px;
outline: none; outline: none;
cursor: pointer; cursor: pointer;
@ -463,6 +461,7 @@ h1.title-post a:hover, h2.title-index a:hover {
.postnav .newer { .postnav .newer {
float:left; float:left;
margin-right:1em;
} }
.postnav .older { .postnav .older {
@ -654,7 +653,11 @@ h1.title-post a:hover, h2.title-index a:hover {
.social .inner { .social .inner {
padding-left:0px; padding-left:0px;
} }
pre {
white-space: pre-wrap;
}
} }
@ -681,8 +684,8 @@ h1.title-post a:hover, h2.title-index a:hover {
left: 0; left: 0;
position: absolute; position: absolute;
top: 0; top: 0;
width: 100%;
max-width:420px!important; max-width:420px!important;
width: 100%;
max-height:315px!important; max-height:315px!important;
} }
@ -706,5 +709,4 @@ h1.title-post a:hover, h2.title-index a:hover {
width: 100%; width: 100%;
} }
} }