Commits

Luke Plant  committed a5a346b

Lots of CSS changes and tweaks.

Change from Daniele

  • Participants
  • Parent commits f5339ad

Comments (0)

Files changed (2)

File semanticeditor/media/semanticeditor/javascript/wymeditor/skins/semanticeditor/skin.css

     float: none;
 }
 
-.prescontrolheadings select { border: 1px solid #ccc; font-family: "Gill Sans"; font-size: 110%;}
+.prescontrolheadings select { border: 1px solid #ccc; font-size: 110%;}
 .prescontrolheadings option {color: #666;}
 .prescontrolheadings option.column  {color: blue; }
 .prescontrolheadings option.row  {color: black; }
 
 /* the editor controls (containers, commands, classes) */
 
+.wym_skin_semanticeditor .wym_panel ul {
+    padding: 2px;
+    margin: 0 0 5px;
+    background: #f0f3f8;
+    }
+
 .wym_section.wym_panel li,
 .wym_tools li  {
     display: inline-block;
     margin-bottom: 4px;
     font: small-caption;
+    font-size: 95%;
     }
 
 .wym_panel li a,
 .wym_tools li a {
-    color: white;  
-    background: gray;
-    font-weight: normal; 
-    display: inline; 
-    padding: 0px 3px 1px; 
-    border-radius: 5px; 
+    color: black;
+    background: #eee;
+    border: 1px solid black;
+    display: inline;
+    padding: 0px 3px 1px;
+    border-radius: 3px;
     margin-right: .3em;
+    text-transform: lowercase;
     }
 
+.wym_section.wym_panel li.class-category     {display: list-item; }
+.wym_section.wym_panel li.class-category h3  {display: inline; padding-right: 3px;}
+.wym_section.wym_panel li.class-category ul  {display: inline;}
+
+
+/* containers - red */
+
+.wym_containers li a            {color: #a33; border: 1px solid #a33;}
+.wym_containers li a.used       {background: #a33;}
+
+/* column controls - blue */
+
+.wym_layout_commands li a       {color: #67a; border: 1px solid #67a;}
+.wym_layout_commands li a.used  {background: #67a;}
+
+/* classes - green */
+
+.wym_classes li a               {color: #686; border: 1px solid #686;}
+.wym_classes li a.used          {background: #686}
+
 /* all share the same .used class */
 
 .wym_containers li a.used,
 .wym_layout_commands li a.used,
-.wym_classes li a.used {
+.wym_classes li a.used {color: white;}
+
+/* and the same hover class */
+
+.wym_containers li a:hover,
+.wym_layout_commands li a:hover,
+.wym_classes li a:hover,
+.wym_tools li a:hover  {
     background: black;
+    color: white;
+    border: 1px solid black;
     }
 
-/* containers */
-.wym_containers li a        {background: #a33;}
-.wym_containers li a:hover  {background: black; color: #a33;}
+/* semantic buttons - red */
 
-/* controls */
-.wym_layout_commands li a   {background: #67a;}
-.wym_layout_commands li a:hover   {background: black; color: #67a;}
-/* classes */
-.wym_classes li a {    background: #686; }
-.wym_classes li a:hover   {background: black; color: #686;}
+li.wym_tools_strong a,
+li.wym_tools_emphasis a,
+li.wym_tools_ordered_list a,
+li.wym_tools_unordered_list a,
+li.wym_tools_table a,
+li.wym_tools_indent a,
+li.wym_tools_outdent a        {color: #a33; border: 1px solid #a33;}
 
-/* buttons */
-
-
-.wym_tools li a:hover {background: black; color: gray;}
-
-/* semantic buttons */
-
-li.wym_tools_strong a, 
-li.wym_tools_emphasis a, 
-li.wym_tools_ordered_list a, 
-li.wym_tools_unordered_list a, 
-li.wym_tools_indent a, 
-li.wym_tools_outdent a        {background: #a33; }
-
-li.wym_tools_strong a:hover,
-li.wym_tools_emphasis a:hover, 
-li.wym_tools_ordered_list a:hover, 
-li.wym_tools_unordered_list a:hover, 
-li.wym_tools_indent a:hover, 
-li.wym_tools_outdent a:hover     {background: black; color: #a33;}
-
-/* style buttons */
+/* style buttons - green */
 
 li.wym_tools_superscript a,
-wym_tools_subscript a   {background: #686;}
-li.wym_tools_superscript a:hover,
-wym_tools_subscript a:hover   {background: black; color: ;#686;}
+li.wym_tools_subscript a   {color: #686; border: 1px solid #686}
+
+/* is anything ever .disabled? */
 
 .wym_skin_semanticeditor .wym_section a.disabled,
-.wym_skin_semanticeditor .wym_section a.disabled:hover
-{
+.wym_skin_semanticeditor .wym_section a.disabled:hover {
     color: #888;
     cursor: default;
     background-color: #dde8dd;
     border: 1px solid #dde8dd;
-}
+}

File semanticeditor/media/semanticeditor/javascript/wymeditor/skins/semanticeditor/wym.css

 */
 
 /*TRYING TO RESET STYLES THAT MAY INTERFERE WITH WYMEDITOR*/
-        .wym_skin_semanticeditor p, .wym_skin_semanticeditor h2, .wym_skin_semanticeditor h3,
-        .wym_skin_semanticeditor ul, .wym_skin_semanticeditor li { background: transparent url(); margin: 0; padding: 0; border-width:0; list-style: none; }
-
+        .wym_skin_semanticeditor p,
+        .wym_skin_semanticeditor h3,
+        .wym_skin_semanticeditor ul,
+        .wym_skin_semanticeditor li { margin: 0; padding: 0; border-width:0; list-style: none; }
 
 /*HIDDEN BY DEFAULT*/
         .wym_skin_semanticeditor .wym_area_left          { display: block; }
         .wym_skin_semanticeditor .wym_area_right         { display: block; }
 
-
-/*TYPO*/    
-        .wym_skin_semanticeditor                { font-family: "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", sans-serif }
-        .wym_skin_semanticeditor h2             { font-size: 110%; /* = 11px */}
-        .wym_skin_semanticeditor h3             { font-size: 100%; /* = 10px */}
+/*TYPO*/
+        .wym_skin_semanticeditor h2             { }
+        .wym_skin_semanticeditor h3             { font-size: 100%; color: black;}
         .wym_skin_semanticeditor li             { font-size: 100%; /* = 10px */}
-
+        .wym_skin_semanticeditor li { margin: 0; padding: 0; border}
 
 /*WYM_BOX*/
         .wym_skin_semanticeditor                { border: 0px; background: none; padding: 0px}
  * html .wym_skin_semanticeditor                { height: 1%;}
 
 
-
 /*WYM_HTML*/
         .wym_skin_semanticeditor .wym_html               { width: 98%;}
         .wym_skin_semanticeditor .wym_html textarea      { width: 100%; height: 200px; border: 1px solid #ccc; background: white;  }
         .wym_skin_semanticeditor .wym_iframe             { width: 98%;}
         .wym_skin_semanticeditor .wym_iframe iframe      { width: 100%; height: 600px; border: 1px solid #ccc; background: white }
 
+
 /*AREAS*/
         .wym_skin_semanticeditor .wym_area_left          { width: 150px; float: left;}
-        .wym_skin_semanticeditor .wym_area_right         { width: 195px; float: right;}
+        .wym_skin_semanticeditor .wym_area_right         { width: 190px; float: right;}
         .wym_skin_semanticeditor .wym_area_bottom        { clear: both; display: none;}
  * html .wym_skin_semanticeditor .wym_area_main          { height: 1%;}
  * html .wym_skin_semanticeditor .wym_area_top           { height: 1%;}
     /*common defaults for all sections*/
         .wym_skin_semanticeditor .wym_section            { margin-bottom: 5px; }
         .wym_skin_semanticeditor .wym_section h2,
-        .wym_skin_semanticeditor .wym_section h3         { padding: 1px 0; margin: 0; color:#333; }
+        .wym_skin_semanticeditor .wym_section h3         { }
         .wym_skin_semanticeditor .wym_section a {
             display: block;
         }
       /*hide section titles by default*/
         .wym_skin_semanticeditor .wym_section h2         { display: none; }
       /*disable any margin-collapse*/
-        .wym_skin_semanticeditor .wym_section            { padding-top: 1px; padding-bottom: 1px; }    
+        .wym_skin_semanticeditor .wym_section            { padding-top: 1px; padding-bottom: 1px; }
       /*auto-clear sections*/
         .wym_skin_semanticeditor .wym_section ul:after   { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  * html .wym_skin_semanticeditor .wym_section ul         { height: 1%;}
 
     /*option: add this class to a section to make it render as a panel*/
         .wym_skin_semanticeditor .wym_panel              { }
-        .wym_skin_semanticeditor .wym_panel h2           { display: block; }
+        .wym_skin_semanticeditor .wym_panel h2           { display: block; text-align: center;}
 
     /*option: add this class to a section to make it render as a dropdown menu*/
         .wym_skin_semanticeditor .wym_dropdown h2        { display: block; }
         .wym_skin_semanticeditor .wym_dropdown.hover ul  { display: block; }
 
         .wym_skin_semanticeditor .wym_tools ul  { padding-left: 0px !important; margin-left: 0px;}
-        
+
 
 /*CLASSES*/
         .wym_area_right .wym_panel ul {padding-left: 0;}
         .wym_skin_semanticeditor .wym_classes                { overflow-y: auto;
                                                                overflow-x: visible; }
 
-
-/*DECORATION*/
-        .wym_skin_semanticeditor .wym_section h2             { background: #fff;}
-        .wym_skin_semanticeditor .wym_section h2 span        { color: gray;}
-        .wym_skin_semanticeditor .wym_panel                  { padding: 0; background: white;}    
-        .wym_skin_semanticeditor .wym_panel ul               { margin: 2px 0 5px; }        
-        .wym_skin_semanticeditor .wym_dropdown               { padding: 0; border: solid gray; border-width: 1px 1px 0 1px; }
-        .wym_skin_semanticeditor .wym_dropdown ul            { border: solid gray; border-width: 0 1px 1px 1px; margin-left: -1px; padding: 5px 10px 5px 3px;}
-        
 /*DIALOGS*/
         .wym_dialog div.row         { margin-bottom: 5px;}
         .wym_dialog div.row input   { margin-right: 5px;}
         .wym_dialog div.row label   { float: left; width: 150px; display: block; text-align: right; margin-right: 10px; }
         .wym_dialog div.row-indent  { padding-left: 160px; }
-        /*autoclearing*/        
+        /*autoclearing*/
         .wym_dialog div.row:after            { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
         .wym_dialog div.row                  { display: inline-block; }
             /* Hides from IE-mac \*/
             * html .wym_dialog div.row       { height: 1%; }
             .wym_dialog div.row              { display: block; }
-            /* End hide from IE-mac */                
+            /* End hide from IE-mac */
 
 /*WYMEDITOR_LINK*/
         a.wym_wymeditor_link        { text-indent: -9999px; float: right; display: block; width: 50px; height: 15px; background: url(../wymeditor_icon.png);  overflow: hidden; text-decoration: none;  }
+
+
+.wym_skin_semanticeditor .wym_dropdown {
+    padding: 0;
+    border: solid gray;
+    border-width: 1px 1px 0 1px;
+}
+
+.wym_skin_semanticeditor .wym_dropdown ul {
+        border: solid gray;
+        border-width: 0 1px 1px 1px;
+        margin-left: -1px;
+        padding: 5px 10px 5px 3px;
+}