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

@@ @@ -7,15 +7,31 @@ @@
     <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)' },
@@ @@ -31,13 +47,17 @@ @@
     </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

@@ @@ -183,7 +183,7 @@ a button { @@
+}
 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%;

0 comments (0 inline, 0 general)