changeset 1480:e32d276a29c7

Foobar theme popup styling
author Jaiditya Mathur <jaiditya.mathur@gmail.com>
date Fri, 22 Jun 2012 20:40:23 +0530
parents 7b1644663fc0
children 1dd4cd0e278f
files MoinMoin/themes/foobar/static/css/common.css MoinMoin/themes/foobar/static/css/stylus/main.styl MoinMoin/themes/foobar/static/img/moin-transparent-bg.png
diffstat 3 files changed, 52 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/MoinMoin/themes/foobar/static/css/common.css	Fri Jun 22 20:08:55 2012 +0530
+++ b/MoinMoin/themes/foobar/static/css/common.css	Fri Jun 22 20:40:23 2012 +0530
@@ -179,6 +179,14 @@
 .moin-form dd{margin-bottom:1em;}
 .moin-form dd input{width:20em}
 .moin-form dt label.required:after{content:'*';color:#000}
+#popup{background:transparent url("../img/moin-transparent-bg.png") repeat;padding:5px;width:40%;position:absolute;top:10%;left:30%;display:none;z-index:10}
+.popup-header{background-color:#2c2c2a;color:#fff;padding:10px;margin:0}
+.popup-closer{padding:0 1px;margin:-.2em;width:19px;border-radius:2em;float:right;cursor:pointer;}
+.popup-closer:hover{background:#f0f0f0}
+.popup-body{clear:both;background-color:#f0f0f0;color:#000;padding:10px;margin:0;}
+.popup-body label{margin:5px}
+.popup-body input{margin:8px 5px}
+.popup-container{margin:0;border:5px solid #2c2c2a;border-radius:6px 6px 0 0}
 a{text-decoration:none;}
 a:link{color:#4fa8fa}
 a:visited{color:#5e84a7}
@@ -248,4 +256,3 @@
 .moin-small{font-size:.83em}
 @media print{#moin-global-tray,#moin-local-panel,#moin-footer,#moin-search{display:none}
 }
-
--- a/MoinMoin/themes/foobar/static/css/stylus/main.styl	Fri Jun 22 20:08:55 2012 +0530
+++ b/MoinMoin/themes/foobar/static/css/stylus/main.styl	Fri Jun 22 20:40:23 2012 +0530
@@ -204,7 +204,51 @@
             &.required:after
                 content: '*'
                 color: font_color
+                
+// popups
+#popup
+    background: transparent url("../img/moin-transparent-bg.png") repeat
+    padding: 5px
+    width: 40%
+    position: absolute
+    top: 10%
+    left: 30%
+    display: none
+    z-index: 10
 
+.popup-header
+    background-color: header_bg_color
+    color: heading_color
+    padding: 10px
+    margin: 0
+
+.popup-closer
+    padding: 0px 1px
+    margin: -0.2em
+    width: 19px
+    border-radius: 2em
+    float: right
+    cursor: pointer
+    &:hover
+        background page_color
+
+.popup-body
+    clear: both
+    background-color: page_color
+    color: font_color
+    padding: 10px
+    margin: 0
+    label
+        margin: 5px
+    input
+        margin: 8px 5px
+
+.popup-container
+    margin: 0
+    border 5px solid header_bg_color
+    border-radius 6px 6px 0px 0px 
+                
+                
 // links
 a
     text-decoration none
Binary file MoinMoin/themes/foobar/static/img/moin-transparent-bg.png has changed