Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Adding stylesheet

  • Loading branch information...
commit 08ae929429f0add1c1a0a9c1e0c05280de296631 1 parent 4dacc45
@pezholio authored
Showing with 149 additions and 0 deletions.
  1. +149 −0 style.css
View
149 style.css
@@ -0,0 +1,149 @@
+html, body {
+ background-color: #774F38;
+ margin: 0 !important;
+ padding: 0 !important;
+ }
+
+#main {
+ width: 800px;
+ margin: 20px auto;
+ }
+
+#header {
+ width: 100%;
+ background-color: #ECE5CE;
+ border-bottom: 7px #C5E0DC solid;
+ margin: 0 0 10px 0;
+ padding: 0;
+ }
+
+#header h1 {
+ margin: 0 !important;
+ padding: 10px; !important;
+ line-height: 1em;
+ }
+
+#header h1 a:link, #header h1 a:visited {
+ color: #111;
+ text-decoration: none;
+ }
+
+#header h1 a:focus, #header h1 a:hover, #header h1 a:active {
+ text-decoration: underline;
+ }
+
+#header form {
+ width: 600px;
+ margin: 0 auto;
+ text-align: center;
+ font-size: 0.85em;
+ }
+
+#tab {
+ width: 650px;
+ margin: 10px auto 10px auto;
+ padding: 0;
+ border-bottom: 2px #774F38 solid;
+ height: 23px;
+ }
+
+#tab li {
+ display: inline;
+ list-style-type: none;
+ margin-right: 15px;
+ }
+
+#tab li a {
+ padding: 5px 10px;
+ background-color: #F0D3AC;
+ border-top: 2px #774F38 solid;
+ border-left: 2px #774F38 solid;
+ border-right: 2px #774F38 solid;
+ text-decoration: none;
+ color: #111;
+ font-size: 1.2em;
+ position: relative;
+ top: 0px;
+ }
+
+#tab li a.selected, #tab li a:hover {
+ background-color: #ECE5CE;
+ border-bottom: 2px #ECE5CE solid;
+ outline: none;
+ }
+
+#header input {
+ width: 150px;
+}
+
+#header input, #header select {
+ font-size: 1em;
+ padding: 4px;
+ }
+
+#main, #formats {
+ width: 600px;
+ margin: 20px auto;
+ background-color: #F1D4AF;
+ border: 7px #E08E79 solid;
+ padding: 20px 10px;
+ }
+
+#main h2 {
+ padding-top: 0 !important;
+ margin: 0 0 30px 0 !important;
+ }
+
+.result strong {
+ width: 120px;
+ float: left;
+ }
+
+#main code {
+ width: 95%;
+ margin: 10px auto;
+ display: block;
+ background-color: #ece5ce;
+ border: 5px #774F38 solid;
+ padding: 2px;
+ }
+
+ .btn {
+ display:inline-block;
+ background:none;
+ margin:0;
+ padding:3px 0;
+ border-width:0;
+ overflow:visible;
+ font:100%/1.2 Arial,Sans-serif;
+ text-decoration:none;
+ color:#333;
+ }
+ * html button.btn {
+ padding-bottom:1px;
+ }
+ /* Immediately below is a temporary hack to serve the
+ following margin values only to Gecko browsers
+ Gecko browsers add an extra 3px of left/right
+ padding to button elements which can't be overriden.
+ Thus, we use -3px of left/right margin to overcome this. */
+ html:not([lang*=""]) button.btn {
+ margin:0 -3px;
+ }
+ .btn span {
+ background:#ddd url(http://stopdesign.com/eg/buttons/3.0/img/bg-button.gif) repeat-x 0 0;
+ margin:0;
+ padding:3px 0;
+ border-left:1px solid #bbb;
+ border-right:1px solid #aaa;
+ }
+ * html .btn span {
+ padding-top:0;
+ }
+ .btn span span {
+ position:relative;
+ padding:3px .4em;
+ border-width:0;
+ border-top:1px solid #bbb;
+ border-bottom:1px solid #aaa;
+ }
Please sign in to comment.
Something went wrong with that request. Please try again.