sjs/mit-license
1
0
Fork 0
mirror of https://github.com/samsonjs/mit-license.git synced 2026-04-27 15:07:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Updated themes: black-beauty and friendly.

Browse source
This commit is contained in:
Evertton de Lima 2014-11-29 22:13:02 -03:00
parent 7c8fc677b6
commit f5609ce473
3 changed files with 70 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -180,9 +180,9 @@ Current available themes:
[@remy](http://github.com/remy), [@remy](http://github.com/remy),
[@raphaelbastide](http://github.com/raphaelbastide) & [@raphaelbastide](http://github.com/raphaelbastide) &
[@evertton](http://github.com/evertton)) [@evertton](http://github.com/evertton))
* black-beauty - [preview](http://jsbin.com/efujux/38) (by [@evertton](http://github.com/evertton)) * black-beauty - [preview](http://jsbin.com/dovivu) (by [@evertton](http://github.com/evertton))
* silver-style - [preview](http://jsbin.com/erezijI/2) (by [@dev-dipesh](https://github.com/Dev-Dipesh)) * silver-style - [preview](http://jsbin.com/erezijI/2) (by [@dev-dipesh](https://github.com/Dev-Dipesh))
* friendly - [preview](http://jsbin.com/ecijol/6) (by [@evertton](http://github.com/evertton)) * friendly - [preview](http://jsbin.com/hilula) (by [@evertton](http://github.com/evertton))
* opensans - [preview](http://jsbin.com/UfepUvah) (by [@pburtchaell](http://github.com/pburtchaell)) * opensans - [preview](http://jsbin.com/UfepUvah) (by [@pburtchaell](http://github.com/pburtchaell))
## Formats & URLs ## Formats & URLs

40
themes/black-beauty.css
View file

@ -19,9 +19,9 @@ article, footer {
} }
article { article {
margin-top: 2em; margin-top: 1em;
background-color: #2a2a2a; background-color: #2a2a2a;
padding: 2em; padding: 1em;
text-align: center; text-align: center;
position: relative; position: relative;
} }
@ -32,18 +32,26 @@ article p {
article p:first-of-type { article p:first-of-type {
text-align: center; text-align: center;
font-size: .8em;
}
article p:last-of-type {
border-left: 3px solid #CCC;
padding-left: 15px;
} }
#gravatar { #gravatar {
width: 70px; width: 70px;
border: 5px solid #ccc; border-radius: 35px;
border-radius: 5px; display: block;
display:block;
margin: 0 auto; margin: 0 auto;
position: absolute;
right: -6px;
bottom: -20px;
} }
h1 { h1 {
font-size: 2em; font-size: 1.5em;
font-weight: 300; font-weight: 300;
text-transform: uppercase; text-transform: uppercase;
display: inline-block; display: inline-block;
@ -62,13 +70,17 @@ a:hover, a:focus, a:active {
color: white; color: white;
} }
@media screen and (min-width: 960px) { @media (min-width: 640px) {
#gravatar {
position: absolute;
top: 2em;
left: 2em;
}
h1 { h1 {
font-size: 2.5em; font-size: 2.4em;
} }
}
body {
font-size: 1.4em;
}
article p:first-of-type {
font-size: 1em;
}
}

59
themes/friendly.css
View file

@ -13,15 +13,14 @@ body {
} }
article, footer { article, footer {
max-width: 900px; max-width: 877px;
margin-left: auto; margin: 0 auto;
margin-right: auto;
text-align: center; text-align: center;
} }
article { article {
margin-top: 2em; margin-top: 1em;
padding: 2em; padding: 1em;
text-align: center; text-align: center;
position: relative; position: relative;
} }
@ -32,18 +31,27 @@ article p {
article p:first-of-type { article p:first-of-type {
text-align: center; text-align: center;
font-size: .8em;
}
article p:last-of-type {
border-left: 3px solid #333;
padding-left: 15px;
} }
#gravatar { #gravatar {
width: 70px; width: 70px;
border: 5px solid #d9d9d9; border-radius: 35px;
border-radius: 5px; display: block;
display:block;
margin: 0 auto; margin: 0 auto;
position: absolute;
bottom: -3em;
left: 0;
} }
h1 { h1 {
font-size: 2em; font-size: 1.5em;
font-weight: 300; font-weight: 300;
text-transform: uppercase; text-transform: uppercase;
display: inline-block; display: inline-block;
@ -52,6 +60,20 @@ h1 {
margin: 0; margin: 0;
} }
footer {
background: #dadada;
border-radius: 5px;
}
footer p {
text-align: left;
padding-left: 80px;
}
footer p a {
color: #333;
}
a { a {
color: gray; color: gray;
text-decoration: none; text-decoration: none;
@ -62,13 +84,16 @@ a:hover, a:focus, a:active {
color: black; color: black;
} }
@media screen and (min-width: 960px) { @media (min-width: 640px) {
#gravatar {
position: absolute;
top: 2em;
left: 2em;
}
h1 { h1 {
font-size: 2.5em; font-size: 2.4em;
} }
}
body {
font-size: 1.4em;
}
article p:first-of-type {
font-size: 1em;
}
}