mirrors/h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-05-25 20:44:53 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Some new styles.

Browse source
This commit is contained in:
Lars Jung 2013-07-06 02:31:55 +02:00
parent d3e7016cd5
commit dc85bc4d5c
10 changed files with 48 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/_h5ai/client/css/inc/bottombar.less
View file

@ -7,8 +7,11 @@
left: 0; left: 0;
bottom: 0; bottom: 0;
padding: 6px 0 8px 0; padding: 6px 0 8px 0;
.vert-gradient(rgb(241,241,241), rgb(228,228,228)); // .vert-gradient(rgb(241,241,241), rgb(228,228,228));
border-top: 1px solid rgb(210,210,210); // border-top: 1px solid rgb(210,210,210);
background-color: rgb(245,245,245);
border-top: 1px solid rgba(0,0,0,0.05);
// .box-shadow(0 -2px 4px 0 rgba(0, 0, 0, 0.15);
color: #999; color: #999;
text-align: center; text-align: center;

1
src/_h5ai/client/css/inc/general.less
View file

@ -9,6 +9,7 @@ html { overflow-y: auto; }
body { body {
font-family: @font-family; font-family: @font-family;
font-weight: 300;
font-size: 13px; font-size: 13px;
color: #555; color: #555;
background-color: #fff; background-color: #fff;

9
src/_h5ai/client/css/inc/l10n.less
View file

@ -11,8 +11,10 @@
right: 0; right: 0;
top: 0; top: 0;
max-height: 200px; max-height: 200px;
background-color: rgb(241,241,241); // background-color: rgb(241,241,241);
border: 1px solid rgb(210,210,210); // border: 1px solid rgb(210,210,210);
background-color: rgb(245,245,245);
border: 1px solid rgba(0,0,0,0.05);
.sp-scrollbar { .sp-scrollbar {
margin: 0; margin: 0;
@ -38,7 +40,8 @@
li { li {
padding: 8px 24px 10px 24px; padding: 8px 24px 10px 24px;
white-space: nowrap; white-space: nowrap;
border-top: 1px solid rgb(231,231,231); // border-top: 1px solid rgb(231,231,231);
border-top: 1px solid rgba(0,0,0,0.05);
.transition(all 0.2s ease-in-out); .transition(all 0.2s ease-in-out);
&.current { &.current {

7
src/_h5ai/client/css/inc/qrcode.less
View file

@ -6,8 +6,11 @@
bottom: 50px; bottom: 50px;
z-index: 1; z-index: 1;
background-color: #fff; // background-color: #fff;
border: 2px solid #ddd; // border: 2px solid #ddd;
// background-color: rgb(245,245,245);
background-color: rgb(255,255,255);
border: 1px solid rgba(0,0,0,0.05);
padding: 8px; padding: 8px;
canvas { canvas {

11
src/_h5ai/client/css/inc/responsive.less
View file

@ -1,8 +1,5 @@
@media only screen and (max-width: 500px) { @media only screen and (max-width: 700px) {
body {
margin: 8px;
}
#topbar { #topbar {
.crumb { .crumb {
display: none; display: none;
@ -31,6 +28,12 @@ body {
display: none; display: none;
} }
} }
}
@media only screen and (max-width: 500px) {
body {
margin: 8px;
}
#tree { #tree {
display: none !important; display: none !important;
} }

14
src/_h5ai/client/css/inc/topbar.less
View file

@ -6,13 +6,17 @@
min-height: 30px; min-height: 30px;
left: 0; left: 0;
top: 0; top: 0;
.vert-gradient(rgb(241,241,241), rgb(228,228,228)); // .vert-gradient(rgb(241,241,241), rgb(228,228,228));
border-bottom: 1px solid rgb(210,210,210); // border-bottom: 1px solid rgb(210,210,210);
background-color: rgb(245,245,245);
border-bottom: 1px solid rgba(0,0,0,0.05);
// .box-shadow(0 2px 4px 0 rgba(0, 0, 0, 0.15);
} }
.topbar-highlight { .topbar-highlight {
background-color: rgba(255,255,255,0.5); // background-color: rgba(255,255,255,0.5);
background-color: rgba(255,255,255,0.8);
opacity: 1.0; opacity: 1.0;
} }
@ -78,8 +82,8 @@
color: #999; color: #999;
} }
img.hint { img.hint {
width: 14px; // width: 14px;
height: 14px; // height: 14px;
opacity: 0.8; opacity: 0.8;
} }
} }

19
src/_h5ai/client/css/inc/tree.less
View file

@ -8,8 +8,11 @@
z-index: 3; z-index: 3;
overflow: auto; overflow: auto;
padding: 8px; padding: 8px;
background-color: rgb(241,241,241); // background-color: rgb(241,241,241);
border-right: 2px solid rgb(221,221,221); // border-right: 2px solid rgb(221,221,221);
// border-right: 1px solid rgb(216,216,216);
background-color: rgb(245,245,245);
border-right: 1px solid rgba(0,0,0,0.05);
.sp-scrollbar { .sp-scrollbar {
margin: 8px 8px 8px 0; margin: 8px 8px 8px 0;
@ -63,13 +66,15 @@
padding: 4px 6px; padding: 4px 6px;
color: #555; color: #555;
border: 1px solid rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0);
.border-radius(5px); .border-radius(3px);
text-decoration: none; text-decoration: none;
opacity: 0.7; opacity: 0.7;
&:hover, &.hover { &:hover, &.hover {
color: #e80; color: #e80;
background-color: rgba(255,255,255,0.5); // background-color: rgba(255,255,255,0.5);
background-color: rgba(255,255,255,0.8);
// border-color: rgba(0,0,0,0.05);
opacity: 1; opacity: 1;
} }
} }
@ -100,8 +105,10 @@
} }
.current { .current {
> a, > a:active, > a:visited { > a, > a:active, > a:visited {
background-color: rgba(255,255,255,0.5); // background-color: rgba(255,255,255,0.5);
border-color: rgb(221,221,221); // border-color: rgb(221,221,221);
background-color: rgba(255,255,255,0.8);
border-color: rgba(0,0,0,0.05);
opacity: 1; opacity: 1;
} }
} }

BIN
src/_h5ai/client/images/page.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 564 B

After

Width:  |  Height:  |  Size: 317 B

Before After
Before After

2
src/_h5ai/index.html.jade
View file

@ -13,7 +13,7 @@ html.no-js( lang="en" )
meta( name="viewport", content="width=device-width" ) meta( name="viewport", content="width=device-width" )
link( rel="shortcut icon", href="client/images/app-16x16.ico" ) link( rel="shortcut icon", href="client/images/app-16x16.ico" )
link( rel="apple-touch-icon", type="image/png", href="client/images/app-48x48.png" ) link( rel="apple-touch-icon", type="image/png", href="client/images/app-48x48.png" )
link( rel="stylesheet", href="//fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic|Ubuntu:400,700,400italic,700italic" ) link( rel="stylesheet", href="//fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic|Ubuntu:300,400,700,300italic,400italic,700italic" )
link( rel="stylesheet", href="client/css/styles.css" ) link( rel="stylesheet", href="client/css/styles.css" )
script( src="client/js/scripts.js", data-mode="info" ) script( src="client/js/scripts.js", data-mode="info" )

2
src/_h5ai/server/php/inc/page.php.jade
View file

@ -17,7 +17,7 @@ html.no-js( lang="en" )
meta( name="viewport", content="width=device-width" ) meta( name="viewport", content="width=device-width" )
link( rel="shortcut icon", href!="#{href}client/images/app-16x16.ico" ) link( rel="shortcut icon", href!="#{href}client/images/app-16x16.ico" )
link( rel="apple-touch-icon", type="image/png", href!="#{href}client/images/app-48x48.png" ) link( rel="apple-touch-icon", type="image/png", href!="#{href}client/images/app-48x48.png" )
link( rel="stylesheet", href="//fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic|Ubuntu:400,700,400italic,700italic" ) link( rel="stylesheet", href="//fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic|Ubuntu:300,400,700,300italic,400italic,700italic" )
link( rel="stylesheet", href!="#{href}client/css/styles.css" ) link( rel="stylesheet", href!="#{href}client/css/styles.css" )
script( src!="#{href}client/js/scripts.js" ) script( src!="#{href}client/js/scripts.js" )