popup some forms

extra/modules/myspace.ptl

@@ -36,7 +36,7 @@ class MyspaceDirectory(AccessControlled, Directory):
             value
             '</li>'
         '</ul>'
-        '<a href="profile">%s</a>' % _('Edit Profile')
+        '<a href="profile" rel="popup">%s</a>' % _('Edit Profile')
 
 
         user_forms = []

extra/modules/root.ptl

@@ -151,7 +151,7 @@ class AnnouncesDirectory(Directory):
         TextsDirectory.get_html_text('aq-announces-subscription')
 
         '<ul id="announce-modes">'
-        ' <li><a href="email" id="par_mail">%s</a></li>' % _('Email')
+        ' <li><a href="email" id="par_mail" rel="popup">%s</a></li>' % _('Email')
         if get_cfg('sms', {}).get('mode', 'none') != 'none':
             ' <li><a href="sms" id="par_sms">%s</a></li>' % _('SMS')
         ' <li><a class="feed-link" href="atom" id="par_rss">%s</a>' % _('Feed')

theme/wcs-common.css

@@ -69,7 +69,7 @@ div.form .title, form.quixote .title {
 div.errornotice {
 	background: #fd6;
 	border: 1px solid #ffae15;
-	margin: 0em 1em 1em 1em;
+	margin: 1em 1em 1em 1em;
 	padding: 5px;
 }
 
@@ -252,3 +252,47 @@ div.dataview div.page h3 {
 	margin-bottom: 1ex;
 }
 
+#overlay { background-image: url(overlay.gif);}
+body > #overlay { background-image: url(overlay.png);}
+
+div#popup {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+	float: right;
+	margin: 0 auto;
+	z-index: 150;
+	padding: 5px;
+}
+
+div#popup div.popup-content {
+	float: left;
+	padding: 10px;
+	min-width: 200px;
+	max-width: 70%;
+	background: white;
+	border: 1px solid #456599;
+}
+
+div#popup {
+	text-align: left;
+}
+
+div#popup form div.buttons {
+	text-align: center;
+}
+
+div#popup h2 {
+	text-align: center;
+	margin: -10px -10px 10px -10px;
+	padding: 2px 5px;
+	font-size: 110%;
+	background: #6d81b9 url(popup-border-top.png) top left repeat-x;
+	border-bottom: 1px solid #456599;
+	color: white;
+}
+
+div#popup p {
+	text-align: justify;
+}
+