notid/play-clj
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update main.css

Browse Source 
Revising based on feedback.
This commit is contained in:
Boris Kourtoukov
2014-11-25 01:34:30 -05:00
parent c79e0a38f5
commit 64efbb163a
1 changed files with 35 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
doclet/resources/main.css
View File

@@ -8,8 +8,12 @@ body {
line-height: 1.4em; line-height: 1.4em;
} }
a { a {
color: #f2dc77; transition-property: color;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(.53,.4,.46,.75);
color: #f2ecd7;
box-shadow: 0 2px 0 0 rgba(255,255,255,0.1); box-shadow: 0 2px 0 0 rgba(255,255,255,0.1);
text-decoration: none; text-decoration: none;
} }
@@ -19,6 +23,9 @@ a:hover {
} }
.sidebar { .sidebar {
transition-property: opacity;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(.53,.4,.46,.75);
width: 240px; width: 240px;
height: 100%; height: 100%;
top: 0px; top: 0px;
@@ -26,15 +33,19 @@ a:hover {
position: fixed; position: fixed;
overflow: auto; overflow: auto;
padding: 0px 0px 0px 10px; padding: 0px 0px 0px 10px;
opacity: 0.6;
}
.sidebar:hover {
opacity: 0.9;
} }
.ns { .ns {
font-size: 24px; font-size: 24px;
padding: 20px 0 0px 0; padding: 20px 0 0px 0;
margin-bottom: 10px; margin-bottom: 10px;
box-shadow: 0 2px 0 0 rgba(255,255,255,0.1);
display: inline-block; display: inline-block;
color: #88d; color: #ccf;
} }
.name { .name {
@@ -44,7 +55,7 @@ a:hover {
} }
.content { .content {
padding-top: 20px; padding: 20px 0px 20px 20px;
margin-left: 250px; margin-left: 250px;
} }
@@ -71,7 +82,7 @@ a:hover {
.c-head { .c-head {
font-size: 20px; font-size: 20px;
margin-bottom: 1em; margin-bottom: 1em;
color: #88d; color: #ccf;
font-size: 1.5em; font-size: 1.5em;
} }
@@ -91,34 +102,39 @@ a:hover {
} }
.j-item * { .j-item * {
transition: opacity ease-in 300ms; transition-property: opacity;
transition-duration: 200ms;
transition-timing-function: cubic-bezier(.53,.4,.46,.75);
} }
.j-item { .j-item {
border-left: 4px solid rgba(0,0,0,0.2); margin-bottom: 0px;
border-bottom: 5px solid transparent; padding: 0.8em 0 0.8em 0;
border-top: 5px solid transparent;
margin-bottom: 20px;
line-height: 1.4em; line-height: 1.4em;
background: rgba(0, 0, 0, 0.15);
}
.j-item:nth-child(2n) {
background: rgba(0, 0, 0, 0.25);
} }
.j-name { .j-name {
color: #D88; color: #69e;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
padding: 0 0 0 10px; margin: 0 0px 0 20px;
border-top: 5px solid transparent;
display: inline-block; display: inline-block;
font-size: 1.4em; font-size: 1.4em;
line-height: 1.4em; line-height: 1.4em;
border-right: 5px transparent solid;
box-shadow: 0 2px 0 0 rgba(150,200,255,0.08);
} }
.j-args { .j-args {
margin-left: 1em; padding-left: 1em;
opacity: 0.4; opacity: 0.4;
display: inline-block;
} }
.j-item:hover .j-args { .j-item:hover .j-args {
opacity: 1; opacity: 0.95;
} }
.j-arg { .j-arg {
@@ -130,9 +146,7 @@ a:hover {
} }
.j-doc { .j-doc {
padding: 10px 20px 20px 20px; display: block;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2); padding: 17px 20px 0px 20px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0 -2.3em 0 0 rgba(0, 0, 0, 0.2);
margin: 0;
} }