light9 Changeset - 07c2e2e0d879

Changeset - 07c2e2e0d879

Parent rev.

Child rev.

[Not reviewed]

default

0 2 0

Drew Perttula - 10 years ago 2015-06-10 05:40:38
drewp@bigasterisk.com

style on home page
Ignore-this: af5a85ba67c169df52479d2c6204e37f

2 files changed with 32 insertions and 12 deletions:

light9/web/index.html

light9/web/style.css

0 comments (0 inline, 0 general)

light9/web/index.html

➞

Show inline comments

 <!doctype html>
 <html>
   <head>
     <title></title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="/style.css">
     <link rel="import" href="/lib/polymer/polymer.html">
   </head>
   <body>
     <dom-module id="service-button">
     <dom-module id="service-button-row">
       <style>
        div {
          display: flex;
          justify-content: space-between;
          padding: 2px 3px;
+       }
        div:hover {
          background: gray;
+         }
        .left {
          display: inline-block;
          margin-right: 3px;
+       }
       </style>
       <template>
         <a class="big" href="{{withSlash}}">{{name}}</a>
         <button on-click="click">window</button>
         <div>
           <span class="left"><a class="big" href="{{withSlash}}">{{name}}</a></span>
           <span><button on-click="click">window</button></span>
         </div>
       </template>
     </dom-module>
     <script>
      Polymer({
        is: "service-button",
+       is: "service-button-row",
        properties: {
          name: String,
          withSlash: { type: String, computed: 'computeWithSlash(name)' },
        },
        computeWithSlash: function (name) {
          return name + '/';
        },
        click: function() {
          window.open(this.withSlash, '_blank',
                      'scrollbars=1,resizable=1,titlebar=0,location=0');
+       }
      });
     </script>
     <h1>light9 home page</h1>
     <div style="float: left">
       <service-button-row name="rdfdb"></service-button-row>
       <service-button-row name="effectEval"></service-button-row>
       <service-button-row name="ascoltami"></service-button-row>
       <service-button-row name="subComposer"></service-button-row>
       <service-button-row name="subServer"></service-button-row>
       <service-button-row name="picamserve"></service-button-row>
       <service-button-row name="vidref"></service-button-row>
       <service-button-row name="."></service-button-row>
     </div>
     <p><service-button name="rdfdb"></service-button></p>
     <p><service-button name="effectEval"></service-button></p>
     <p><service-button name="ascoltami"></service-button></p>
     <p><service-button name="subComposer"></service-button></p>
     <p><service-button name="subServer"></service-button></p>
     <p><service-button name="picamserve"></service-button></p>
     <p><service-button name="vidref"></service-button></p>
   </body>
 </html>

light9/web/style.css

➞

Show inline comments

@@ @@ -90,134 +90,134 @@ button a { @@
     color: rgb(78, 90, 107);
+}
 .dropTarget:hover {
     background: #1F1F0D;
+}
 .twoColList {
     -webkit-column-width: 24em;
+}
 .twoColList > li {
     margin-bottom: 13px;
+}
 .song {
     color: rgb(85, 221, 85);
+}
 .song:before {
     content: "♫";
     color: black;
     background: rgb(85, 221, 85);
     border-radius: 30%;
+}
 .effect:before {
     content: "⛖";
+}
 .song:before, .effect:before {
     margin-right: 3px;
     text-decoration: none !important;
     font-size: 140%;
+}
 /* ascoltami mini mode */
 @media (max-height: 600px) {
     .songs {
         -webkit-column-width: 9em;
+    }
     .songs button {
         font-size: initial;
         height: initial;
         width: 100%;
         margin: initial;
         border-width: 1px;
         margin-bottom: 2px;
+    }
     .num {
         font-size: initial;
         padding: initial;
+    }
     .commands button {
         padding: 5px;
+    }
+}
 /* subserver */
 .vari {
     color: white;
+}
 a.resource {
     color: inherit;
     text-decoration: none;
+}
 .resource {
     border: 1px solid gray;
     border-radius: 5px;
     padding: 1px;
     margin: 2px;
     background: rgb(66, 66, 66);
     display: block;
+}
 .resource a {
     color: rgb(150, 150, 255);
+}
 .sub {
     display: inline-block;
     vertical-align: top;
+}
 .sub.local {
     background: rgb(44, 44, 44);
+}
 .sub img {
     width: 196px;
     min-height: 40px;
     margin: 0 6px;
     background: -webkit-gradient(linear,right top,left bottom,color-stop(0,rgb(121, 120, 120)),color-stop(1,rgb(54, 54, 54)));
+}
 .chase {
     background: rgb(75, 57, 72);
+}
 a button {
     font-size: 60%;
+}
 a.big {
     background-color: #384052;
-    padding: 9px;
+    padding: 6px;
     text-shadow: rgba(0, 0, 0, 0.48) -1px -1px 0px;
     color: rgb(172, 172, 255);
     font-size: 160%;
     margin: 0px;
     display: inline-block;
     border-radius: 5px;
+}
 /* rdfdb */
 #patches { /* wants flex box */
     max-height: 27em;
     overflow-y: scroll;
+}
 .patch {
     border: 1px solid gray;
     padding: 2px;
     margin: 4px;
+}
 .patch > div {
     font-family: monospace;
     font-size: 90%;
     white-space: pre-wrap;
+}
 .patch .adds {
     color: #3AEA38;
+}
 .patch .deletes {
     color: #FF2828;
+}
 #out {
     white-space: pre-wrap;
+}
 .patch fieldset {
     color: gray;
     font-family: arial;
     font-size: 75%;
+}

0 comments (0 inline, 0 general)