CSS edits to the overlays

pygeek · Mar 22, 2011 · 0237ad2 · 0237ad2
1 parent 43b05ed
commit 0237ad2
Show file tree

Hide file tree

Showing 5 changed files with 56 additions and 24 deletions.
diff --git a/servee/frontendadmin/static/servee/css/inline-type-forms.css b/servee/frontendadmin/static/servee/css/inline-type-forms.css
@@ -15,9 +15,6 @@ background:url(../images/small-icons.png) no-repeat -2px 0px;
 color:#333;
 text-decoration: none;
 font: bold 11px/1.2 Arial, sans-serif;
-text-shadow: #fff 0 1px 1px;
--moz-border-radius: 3px;
--webkit-border-radius: 3px;
 border-radius: 3px;
 border: 1px solid;
 border-color: #ddd #bbb #999;

diff --git a/servee/frontendadmin/static/servee/css/overlay-type-forms.css b/servee/frontendadmin/static/servee/css/overlay-type-forms.css
@@ -15,20 +15,22 @@ margin:9px 0 18px;
 font: normal 12px/12px sans-serif;
 color:#333;
 margin: 12px 0 1px 0;
-display:inline-block;
-vertical-align:top;
-zoom:1;
-*display:inline;
+display:block;
+width:100%;
 }
-.srv_adminBox input{
-width:180px;
+.srv_adminBox input.textInput{
+width:100%;
+float:none;
 }
 fieldset{
 border:0 none;
 }
-p.formHint{
+.uniForm .formHint{
 font: italic 11px/14px sans-serif;
 color:#666;
+width:100%;
+top:0;
+margin:4px 0 18px 0;
 }
 .srv_buttonHolder{
 text-align: right;
@@ -95,10 +97,7 @@ button:focus,button:active,input:focus,input:active,select:focus,select:active,t
 }
 
 /*----------------- green action button------------------*/
-button,
-input[type="reset"],
-input[type="submit"],
-input[type="button"], .srv_adminBox input[type="submit"], .srv_adminBox input[type="button"] {
+.srv_adminBox input[type="submit"], .srv_adminBox input[type="button"] {
 	-webkit-appearance: none;
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
@@ -110,12 +109,12 @@ input[type="button"], .srv_adminBox input[type="submit"], .srv_adminBox input[ty
 	border-color: #0c590a #094b08 #094d08;
 	cursor: pointer;
 	color: #fff;
-	font: bold 14px/1.2 sans-serif;
+	font: bold 13px/1.2 sans-serif;
 	outline: 0;
 	overflow: visible;
 	padding: 6px 10px 8px;
 	text-shadow: 0 -1px 1px #0d5c05;
-	width: auto;
+	width: 100%;
 	margin:0 0 36px 0px;
 	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
 	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3);

diff --git a/servee/frontendadmin/static/servee/css/overlay.css b/servee/frontendadmin/static/servee/css/overlay.css
@@ -36,6 +36,13 @@ border:0 none;
 -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
 box-shadow: 0 1px 4px rgba(0,0,0,0.3);
 }
+/* -- white shadows for inset text --*/
+
+.srv_mediaList li a, .srv_adminBox label, a.frontendadmin_add, a.frontendadmin_delete, a.frontendadmin_edit{
+-moz-text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
+-webkit-text-shadow:0px 1px 0px rgba(255,255,255,0.8);
+text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
+}
 
 /* ------------ new CSS Styles dialog ------- */
 #srv_CSSstyles{
@@ -119,21 +126,24 @@ width:59px;
 height:66px;
 background:none transparent;
 list-style:none;
+display:inline-block;
+vertical-align:top;
+zoom:1;
+*display:inline;
+margin-right:10px;
 }
 .srv_mediaList li a{
 opacity: 0.5;
 width:59px;
 height:22px;
 display:block;
 text-align: center;
-color:#000;
+color:#222;
 padding-top:39px;
 font-size:11px;
--moz-text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
--webkit-text-shadow:0px 1px 0px rgba(255,255,255,0.8);
-text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
+text-decoration: none;
 }
-.srv_mediaList li.active a{
+.srv_mediaList li.active a, .srv_mediaList li a:hover{
 opacity: 1.0;
 }
 .srv_mediaList li.active{
@@ -142,6 +152,9 @@ background: url(../images/srv-icons.png) 0px -573px no-repeat;
 .srv_mediaList li a.imageinsert{
 background: url(../images/imageIcon.png) top left no-repeat;
 }
+.srv_mediaList li a.documentinsert{
+background: url(../images/doc-icon.png) top left no-repeat;
+}
 
 /*--------- uploadify ------------*/
 
@@ -212,13 +225,18 @@ padding:6px 0;
 max-height: 90px;
 max-width: 90px;
 }
+.srv_filePane li a{
+color:#222;
+text-decoration: none;
+font-size:10px;
+}
 .srv_filePane #srv_upload_image{
 width:100%;
 }
-#srv_upload_image label {
+#srv_upload_image label, #srv_upload_document label {
 display:none;
 }
-#srv_upload_image .ctrlHolder {
+.srv_filePane .ctrlHolder {
 width:90px;
 text-align: center;
 padding:10px 0 0 0;
@@ -279,6 +297,18 @@ position: absolute;
 
 /*--------text editor icons ----------*/ 
 
+#srv_wysiwyg_tools p.collapse{
+width:26px;
+height:18px;
+position: absolute;
+top:3px;
+right:4px;
+margin:0;
+}
+#srv_wysiwyg_tools p.collapse.bottom{
+top:auto;
+bottom:3px;
+}
 #srv_wysiwyg_tools ul li{
 width:26px;
 height:24px;
@@ -325,6 +355,9 @@ border-left:0 none;
 #srv_wysiwyg_tools a.srv_code, #srv_wysiwyg_tools a.srv_code.active				{background-position: 0 -508px;}
 #srv_wysiwyg_tools a.srv_insert, #srv_wysiwyg_tools a.srv_insert.active			{background-position: 0 -532px;}
 
+#srv_wysiwyg_tools p.collapse a				{background-position: 0 0;}
+#srv_wysiwyg_tools p.collapse a:hover		{background-position: -32px 0px;}
+
 
 #srv_wysiwyg_tools a.srv_bold:hover			{background-position: -32px -133px;}
 #srv_wysiwyg_tools a.srv_italic:hover		{background-position: -32px -160px;}
@@ -361,7 +394,7 @@ width:400px;
 position: absolute;
 left:-402px;
 margin:0;
-padding:8px;
+padding:18px 8px 8px 8px;
 overflow-y:auto;
 overflow-x:hidden;
 font: 12px/16px "Lucida Console", Monaco, "Courier New", mono;

diff --git a/servee/frontendadmin/static/servee/images/doc-icon.png b/servee/frontendadmin/static/servee/images/doc-icon.png
diff --git a/servee/wysiwyg/templates/wysiwyg/tools.html b/servee/wysiwyg/templates/wysiwyg/tools.html
@@ -1,4 +1,5 @@
 	<div class="srv_adminBox srv_wysiwyg_tools" id="srv_wysiwyg_tools">
+	    <p class="collapse"><a href="#">Collapse tools</a></p>
 	    <ul>
 			<hr />
 	        <li><a href="#" class="srv_bold" title="Bold">Bold</a></li>
@@ -21,6 +22,8 @@
 			<hr />
 
 	    </ul>
+	    <p class="collapse bottom"><a href="#">Collapse tools</a></p>
+
 	</div>
 
 	<div id="srv_insertMedia" class="srv_adminBox">