initial import.

Author: paulirish

assets/protocol.css

@@ -0,0 +1,95 @@
+html {
+ color: #666;
+ font-size: 62.5%;
+ font-family: "Open Sans", Helvetica, Arial, sans-serif;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.34);
+}
+body {
+ font-size: 1.4rem;
+ padding-top: 2rem;
+} /* =14px */
+
+h1, h2, h3, h4 {
+ font-weight: normal;
+}
+
+h1 {
+ font-size: 3.6rem;
+} /* =36px */
+
+h3 {
+ font-size: 3.6rem;
+}
+
+h4 {
+ font-size: 2.4rem;
+ margin-top: 3.6rem;
+}
+
+dt {
+ font-style: italic;
+}
+
+header, footer, .content {
+ min-width: 320px;
+ width: 80%;
+ max-width: 1024px;
+ margin: 1rem auto 1.5rem;
+}
+
+label:after {
+ content: ":";
+}
+
+select {
+ margin-right: 1.5em;
+}
+
+.select-field {
+ white-space: nowrap;
+ float: left;
+}
+
+.content {
+ background-color: lightblue;
+ background-image: -webkit-linear-gradient(top, rgba(255,255,255,.6) 0%,rgba(255,255,255,0) 100%);
+ min-height: 300px;
+ border: 1px solid rgba(153, 153, 153, 0.32);
+ border-radius: 2px;
+ -webkit-transition: background-color .24s linear;
+ padding: 1.5rem;
+}
+
+.filter {
+ background-image: -webkit-linear-gradient(top,rgba(69,72,77,.65) 0%,rgba(0,0,0,.85) 100%);
+ color: #CCC;
+ box-shadow: 0 -1px 0px 0px rgba(255, 255, 255, 0.8);
+ border-radius: 3px;
+ padding: .75em;
+ overflow: hidden;
+}
+
+.hidden {
+ display: none;
+}
+.parameter-list {
+ padding-top: 1rem;
+}
+.parameter-list:before {
+ content: "Parameters";
+ font-size: 1.4rem;
+ margin-top: -3.6rem;
+ 
+ font-weight: bold;
+}
+
+.optional {
+ opacity: .65;
+}
+.optional:before {
+ content: "[";
+}
+
+.optional:after {
+ content: "]";
+}