Edited design to match Twitter page
authorDaniel Davis <ddavis@w3.org>
Wed, 04 Sep 2013 17:14:33 +0900
changeset 53 32925c1f8f30
parent 52 a17f441a38dc
child 54 8748638fb9c0
Edited design to match Twitter page
autotweet-php/web/css/base_design.css
autotweet-php/web/images/w3c_talks_bg.png
autotweet-php/web/images/w3c_talks_small.png
--- a/autotweet-php/web/css/base_design.css	Wed Sep 04 16:43:28 2013 +0900
+++ b/autotweet-php/web/css/base_design.css	Wed Sep 04 17:14:33 2013 +0900
@@ -145,21 +145,55 @@
           text-align: left;
       }
 
-.btn-print {
-  background-color: hsl(0, 69%, 22%) !important;
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b42121", endColorstr="#5e1111");
-  background-image: -khtml-gradient(linear, left top, left bottom, from(#b42121), to(#5e1111));
-  background-image: -moz-linear-gradient(top, #b42121, #5e1111);
-  background-image: -ms-linear-gradient(top, #b42121, #5e1111);
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b42121), color-stop(100%, #5e1111));
-  background-image: -webkit-linear-gradient(top, #b42121, #5e1111);
-  background-image: -o-linear-gradient(top, #b42121, #5e1111);
-  background-image: linear-gradient(#b42121, #5e1111);
-  border-color: #5e1111 #5e1111 hsl(0, 69%, 17%);
-  color: #fff !important;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
-  -webkit-font-smoothing: antialiased;
-}
+    .btn-print {
+      background-color: hsl(0, 69%, 22%) !important;
+      background-repeat: repeat-x;
+      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b42121", endColorstr="#5e1111");
+      background-image: -khtml-gradient(linear, left top, left bottom, from(#b42121), to(#5e1111));
+      background-image: -moz-linear-gradient(top, #b42121, #5e1111);
+      background-image: -ms-linear-gradient(top, #b42121, #5e1111);
+      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b42121), color-stop(100%, #5e1111));
+      background-image: -webkit-linear-gradient(top, #b42121, #5e1111);
+      background-image: -o-linear-gradient(top, #b42121, #5e1111);
+      background-image: linear-gradient(#b42121, #5e1111);
+      border-color: #5e1111 #5e1111 hsl(0, 69%, 17%);
+      color: #fff !important;
+      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
+      -webkit-font-smoothing: antialiased;
+    }
 
+    /* Style overrides */
+    body {
+        background-image: url("../images/w3c_talks_bg.png");
+        background-attachment: fixed;
+        background-color: #022330;
+        background-repeat: no-repeat;
+    }
+    
+    .container-narrow {
+        -webkit-border-radius: 32px;
+        -moz-border-radius: 32px;
+        -ms-border-radius: 32px;
+        -o-border-radius: 32px;
+        border-radius: 32px;
+    }
 
+    .masthead, .footer {
+        background-color: transparent;
+    }
+    
+    .mastheadbg, .footerbg {
+        background-color: #011821;
+        text-align:center; 
+    }
+
+    .mastheadbg img{
+        display: inline-block;
+        -webkit-border-radius: 8px;
+        -moz-border-radius: 8px;
+        -ms-border-radius: 8px;
+        -o-border-radius: 8px;
+        border-radius: 8px;
+        margin: 8px auto;
+    }
+
Binary file autotweet-php/web/images/w3c_talks_bg.png has changed
Binary file autotweet-php/web/images/w3c_talks_small.png has changed