mirror_html/h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-03-22 05:19:56 +01:00
Code Issues Projects Releases Wiki Activity

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
Show Stats 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;
bottom: 0;
padding: 6px 0 8px 0;
.vert-gradient(rgb(241,241,241), rgb(228,228,228));
border-top: 1px solid rgb(210,210,210);
// .vert-gradient(rgb(241,241,241), rgb(228,228,228));
// 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;
text-align: center;

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

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

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

@ -11,8 +11,10 @@
right: 0;
top: 0;
max-height: 200px;
background-color: rgb(241,241,241);
border: 1px solid rgb(210,210,210);
// background-color: rgb(241,241,241);
// border: 1px solid rgb(210,210,210);
background-color: rgb(245,245,245);
border: 1px solid rgba(0,0,0,0.05);
.sp-scrollbar {
margin: 0;
@ -38,7 +40,8 @@
li {
padding: 8px 24px 10px 24px;
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);
&.current {

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

@ -6,8 +6,11 @@
bottom: 50px;
z-index: 1;
background-color: #fff;
border: 2px solid #ddd;
// background-color: #fff;
// 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;
canvas {

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

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

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

@ -6,13 +6,17 @@
min-height: 30px;
left: 0;
top: 0;
.vert-gradient(rgb(241,241,241), rgb(228,228,228));
border-bottom: 1px solid rgb(210,210,210);
// .vert-gradient(rgb(241,241,241), rgb(228,228,228));
// 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 {
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;
}
@ -78,8 +82,8 @@
color: #999;
}
img.hint {
width: 14px;
height: 14px;
// width: 14px;
// height: 14px;
opacity: 0.8;
}
}

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

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

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

@ -13,7 +13,7 @@ html.no-js( lang="en" )
meta( name="viewport", content="width=device-width" )
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="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" )
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" )
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="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" )
script( src!="#{href}client/js/scripts.js" )