Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

README, CSS Update

  • Loading branch information...
commit 1ed75d8147c7af90a69c004dea7ba3bbc7f5184e 1 parent cf89f5a
@wub wub authored
Showing with 231 additions and 244 deletions.
  1. +7 −0 README.md
  2. +224 −244 style.css
View
7 README.md
@@ -1,9 +1,12 @@
# Minotar
A Minotar is a global avatar that pulls your head off of your Minecraft.net skin, and allows it for use on several thousand sites. See some uses below.
+
+->
![clone1018](http://minotar.net/avatar/clone1018/64)
![citricsquid](http://minotar.net/avatar/citricsquid/64)
![Raitsui](http://minotar.net/avatar/Raitsui/64)
+<-
## Sweet and Simple API
@@ -20,6 +23,7 @@ And since some services require an extension we've added simple support for it.
### Avatar With Helm
Sometimes you want to display a helm too, that's fine with this endpoint:
+
`<img src="https://minotar.net/helm/clone1018/100.png">`
@@ -27,11 +31,14 @@ Sometimes you want to display a helm too, that's fine with this endpoint:
### User's Skin
You can even use Minotar's API to get a users skin. We're adding more soon!
+
`<img src="https://minotar.net/skin/clone1018">`
You can also set the browser to download the image by using:
+
`https://minotar.net/download/clone1018`
### Random Skin
Randomly generated head? We got that too.
+
`<img src="https://minotar.net/random/100.png">`
View
468 style.css
@@ -1,266 +1,246 @@
-*{
- /* Universal reset: */
- margin:0;
- padding:0;
-}
-
-header,footer,
-article,section,
-hgroup,nav,
-figure{
- /* Giving a display value to the HTML5 rendered elements: */
- display:block;
-}
-
-body{
- /* Setting the default text color, size, page background and a font stack: */
- font-size:0.825em;
- color:#fcfcfc;
- background-color:#355664;
- font-family:Arial, Helvetica, sans-serif;
-}
-
-/* Hyperlink Styles: */
-
-a, a:visited {
- color:#0196e3;
- text-decoration:none;
- outline:none;
-}
-
-a:hover{
- text-decoration:underline;
-}
-
-a img{
- border:none;
-}
-
-/* Headings: */
-
-h1,h2,h3{
- font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
- text-shadow:0 1px 1px black;
-}
-
-h1{
- /* The logo text */
- font-size: 70px;
- padding:0.5em 0 0;
- font-family:'Cabin Sketch',serif;
+* {
+ /* Universal reset: */
+ margin: 0;
+ padding: 0;
+}
+header,
+footer,
+article,
+section,
+hgroup,
+nav,
+figure {
+ /* Giving a display value to the HTML5 rendered elements: */
+ display: block;
+}
+body {
+ /* Setting the default text color, size, page background and a font stack: */
+ font-size: 0.825em;
+ color: #fcfcfc;
+ background-color: #355664;
+ font-family: Arial, Helvetica, sans-serif;
+}
+/* Hyperlink Styles: */
+a,
+a:visited {
+ color: #0196e3;
+ text-decoration: none;
+ outline: none;
+}
+a:hover { text-decoration: underline }
+a img { border: none }
+/* Headings: */
+h1,
+h2,
+h3 {
+ font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
+ text-shadow: 0 1px 1px black;
+}
+h1 {
+ /* The logo text */
+ font-size: 70px;
+ padding: 0.5em 0 0;
+ font-family: 'Cabin Sketch',serif;
}
h1 a {
- color: White !important;
- text-decoration: none !important;
-}
-
-h3{
- /* The slogan text */
- font-family:"Lobster","Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
- font-size:2em;
- font-weight:normal;
- margin:0 0 1em;
-}
-
-
-h2{
- font-size:2.2em;
- font-weight:normal;
- letter-spacing:0.01em;
- text-transform:uppercase;
-}
-
-p{
- line-height:1.5em;
- padding-bottom:1em;
+ color: White !important;
+ text-decoration: none !important;
+}
+h3 {
+ /* The slogan text */
+ font-family: "Lobster","Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
+ font-size: 2em;
+ font-weight: normal;
+ margin: 0 0 1em;
+}
+h2 {
+ font-size: 2.2em;
+ font-weight: normal;
+ letter-spacing: 0.01em;
+ text-transform: uppercase;
+}
+p {
+ line-height: 1.5em;
+ padding-bottom: 1em;
}
button,
input[type='button'],
input[type='submit'] {
- -webkit-border-radius: 2px;
- -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
- -webkit-user-select: none;
- background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
- border: 1px solid #aaa;
- color: #444;
- font-size: inherit;
- margin-bottom: 0px;
- min-width: 4em;
- padding: 3px 12px 3px 12px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+ -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+ background: -moz-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+ background: -o-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+ background: -ms-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+ background: linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+ border: 1px solid #aaa;
+ color: #444;
+ font-size: inherit;
+ margin-bottom: 0px;
+ min-width: 4em;
+ padding: 3px 12px 3px 12px;
}
-
button:hover,
input[type='button']:hover,
input[type='submit']:hover {
- -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
- background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
- border-color: #999;
- color: #222;
+ -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
+ background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
+ background: #ebebeb -moz-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
+ background: #ebebeb -o-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
+ background: #ebebeb -ms-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
+ background: #ebebeb linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
+ border-color: #999;
+ color: #222;
}
-
button:active,
input[type='button']:active,
input[type='submit']:active {
- -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
- background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
- color: #333;
+ -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
+ background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
+ background: #ebebeb -moz-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
+ background: #ebebeb -o-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
+ background: #ebebeb -ms-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
+ background: #ebebeb linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
+ color: #333;
}
-
button[disabled],
input[type='button'][disabled],
input[type='submit'][disabled],
button[disabled]:hover,
input[type='button'][disabled]:hover,
input[type='submit'][disabled]:hover {
- -webkit-box-shadow: none;
- background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
- border-color: #aaa;
- color: #888;
-}
-
-.line{
- /* The dividing line: */
- height:1px;
- background-color:#24404c;
- border-bottom:1px solid #416371;
- margin:1em 0;
- overflow:hidden;
-}
-
-article .line{
- /* The dividing line inside of the article is darker: */
- background-color:#15242a;
- border-bottom-color:#204656;
- margin:1.3em 0;
-}
-
-footer .line{
- margin:2em 0;
-}
-
-nav{
- background-color:#f8f8f8;
- padding:0 5px;
- position:absolute;
- right:0;
- top:4em;
-
- border:1px solid #FCFCFC;
-
- -moz-box-shadow:0 1px 1px #333333;
- -webkit-box-shadow:0 1px 1px #333333;
- box-shadow:0 1px 1px #333333;
-}
-
-/* The clearfix hack to clear the floats: */
-
-.clear:after{
- content: ".";
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
-}
-
-/* The navigation styling: */
-
-nav ul li{
- display:inline;
-}
-
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+ background: -moz-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+ background: -o-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+ background: -ms-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+ background: linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+ border-color: #aaa;
+ color: #888;
+}
+.line {
+ /* The dividing line: */
+ height: 1px;
+ background-color: #24404c;
+ border-bottom: 1px solid #416371;
+ margin: 1em 0;
+ overflow: hidden;
+}
+article .line {
+ /* The dividing line inside of the article is darker: */
+ background-color: #15242a;
+ border-bottom-color: #204656;
+ margin: 1.3em 0;
+}
+footer .line { margin: 2em 0 }
+nav {
+ background-color: #f8f8f8;
+ padding: 0 5px;
+ position: absolute;
+ right: 0;
+ top: 4em;
+ border: 1px solid #FCFCFC;
+ -webkit-box-shadow: 0 1px 1px #333333;
+ -moz-box-shadow: 0 1px 1px #333333;
+ box-shadow: 0 1px 1px #333333;
+}
+/* The clearfix hack to clear the floats: */
+.clear:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+/* The navigation styling: */
+nav ul li { display: inline }
nav ul li a,
-nav ul li a:visited{
- color:#565656;
- display:block;
- float:left;
- font-size:1.25em;
- font-weight:bold;
- margin:5px 2px;
- padding:7px 10px 4px;
- text-shadow:0 1px 1px white;
- text-transform:uppercase;
-}
-
-nav ul li a:hover{
- text-decoration:none;
- background-color:#f0f0f0;
-}
-
-nav, article, nav ul li a,figure{
- /* Applying CSS3 rounded corners: */
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- border-radius:10px;
-}
-
-/* Article styles: */
-
-#page{
- width:960px;
- margin:0 auto;
- position:relative;
-}
-
-article{
- background-color:#213E4A;
- margin:3em 0;
- padding:20px;
-
- text-shadow:0 2px 0 black;
-}
-
-figure{
- border:3px solid #142830;
- float:right;
- height:300px;
- margin-left:15px;
- overflow:hidden;
- width:500px;
-}
-
-figure:hover{
- -moz-box-shadow:0 0 2px #4D7788;
- -webkit-box-shadow:0 0 2px #4D7788;
- box-shadow:0 0 2px #4D7788;
-}
-
-figure img{
- margin-left:-60px;
-}
-
-/* Footer styling: */
-
-footer{
- margin-bottom:30px;
- text-align:center;
- font-size:0.825em;
-}
-
-
-footer p{
- margin-bottom:-2.5em;
- position:relative;
-}
-
-footer a,footer a:visited{
- color:#cccccc;
- background-color:#213e4a;
- display:block;
- padding:2px 4px;
- z-index:100;
- position:relative;
-}
-
-footer a:hover{
- text-decoration:none;
- background-color:#142830;
-}
-
-footer a.by{
- float:left;
-
-}
-
-footer a.up{
- float:right;
-}
+nav ul li a:visited {
+ color: #565656;
+ display: block;
+ float: left;
+ font-size: 1.25em;
+ font-weight: bold;
+ margin: 5px 2px;
+ padding: 7px 10px 4px;
+ text-shadow: 0 1px 1px white;
+ text-transform: uppercase;
+}
+nav ul li a:hover {
+ text-decoration: none;
+ background-color: #f0f0f0;
+}
+nav,
+article,
+nav ul li a,
+figure {
+ /* Applying CSS3 rounded corners: */
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+}
+/* Article styles: */
+#page {
+ width: 960px;
+ margin: 0 auto;
+ position: relative;
+}
+article {
+ background-color: #213E4A;
+ margin: 3em 0;
+ padding: 20px;
+ text-shadow: 0 2px 0 black;
+}
+figure {
+ border: 3px solid #142830;
+ float: right;
+ height: 300px;
+ margin-left: 15px;
+ overflow: hidden;
+ width: 500px;
+}
+figure:hover {
+ -webkit-box-shadow: 0 0 2px #4D7788;
+ -moz-box-shadow: 0 0 2px #4D7788;
+ box-shadow: 0 0 2px #4D7788;
+}
+figure img { margin-left: -60px }
+
+
+footer {
+ margin-bottom: 30px;
+ text-align: center;
+ font-size: 0.825em;
+}
+footer p {
+ margin-bottom: -2.5em;
+ position: relative;
+}
+footer a,
+footer a:visited {
+ color: #cccccc;
+ background-color: #213e4a;
+ display: block;
+ padding: 2px 4px;
+ z-index: 100;
+ position: relative;
+}
+footer a:hover {
+ text-decoration: none;
+ background-color: #142830;
+}
+footer a.by { float: left }
+footer a.up { float: right }
Please sign in to comment.
Something went wrong with that request. Please try again.