Ponowne dodanie przycisków do edytora XML.
[redakcja.git] / platforma / static / css / master.css
old mode 100644 (file)
new mode 100755 (executable)
index ae51e47..874d9e1
@@ -6,22 +6,14 @@ body {
     background: #AAA;
 }
 
-/*  fix icon buttons */
-
-button img {
-    vertical-align: middle;
-    margin: 0px;
-}
-
-/* default form style hacks */
-select {
-    border: none;
-    margin-left: 0.1em;    
-}
-
 #body-wrap {
     margin: 0px;
-    padding: 0px;    
+    padding: 0px;
+    position: fixed;
+    left: 0px;
+    right: 0px;
+    bottom: 0px;
+    top: 0px;
 }
 
 #header { 
@@ -55,102 +47,6 @@ select {
     right: 1em;
 }
 
-#header button {
-    vertical-align: middle;
-}
-
-/* ========== */
-/* = Panels = */
-/* ========== */
-
-/* #panels {
-    height: 100%;
-    width: 100%;
-}
-
-.panel-wrap {
-    overflow: hidden;
-    position: absolute; 
-    top: 0px;
-    bottom: 0px;
-}
-
-#left-panel-wrap {
-    left: 0px;
-    width: 8px; 
-}
-
-#right-panel-wrap {
-    right: 0px;
-    width: auto;
-    left: 8px; 
-}
-
-.panel-content {
-    position: absolute;
-    overflow: auto;
-    overflow-x: hidden;
-    top: 25px; left: 0px; bottom:0px; right: 0px;
-}
-
-.panel-overlay {
-    position: absolute;
-    top: 0px; bottom: 0px; left: 0px; right: 0px;
-    z-index: 100;
-    background: gray;
-    opacity: 0.8;
-    text-align: center;
-    overflow: hidden;
-    display: none;
-    cursor: col-resize;
-}
-
-.panel-content-overlay {
-}
-
-.panel-wrap.last-panel .panel-content {
-    right: 0px;
-}
-
-.panel-wrap.last-panel .panel-slider {
-    display: none;
-}
-
-.panel-wrap .panel-toolbar {
-    position: absolute;
-    top: 0px; left:0px; right: 0px; height: 26px;
-    padding: 0px;
-
-    border-bottom: 1px solid #AAA;
-    z-index: 80;
-}
-.panel-wrap .panel-slider {
-    position: absolute;
-    background-color: #DDD;
-
-    top: 0px; bottom: 0px; right: 0px; width: 4px;
-
-    border-left: 1px solid #999;
-    border-right: 1px solid #999;
-    border-top: none;
-    border-bottom: none;
-
-    z-index: 90;
-    cursor: col-resize;
-}
-
-.panel-wrap .panel-slider:hover {
-    background-color: #999;
-}
-
-.panel-content-overlay.panel-wrap .panel-slider {
-    background-color: #DDD;
-}
-
-*/
-
-/* OLD STUFF AGAIN */
-
 /* Commit dialog */
 #commit-dialog-error-empty-message {
     color: red;
@@ -190,11 +86,11 @@ text#commit-dialog-message {
     border-right: 1px solid #999;
     height: 100%;
     background-color: #CCC;
-    z-index: 100;
+    z-index: 5100;
 }
 
 .splitview-overlay {
-    z-index: 90;
+    z-index: 5000;
     background: #FFF;
     opacity: 0.5;
 }
@@ -240,19 +136,28 @@ text#commit-dialog-message {
 }
 
 .view-overlay {
-    z-index: 1000;
-    background: #FFF;
-    opacity: 0.8;
+    display: none;
+    z-index: 0;
+    background: #FFF;    
     text-align: center;
-    text-valign: center;
+    vertical-align: middle;
+
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+
+    /* user-select: 'none';
+    -webkit-user-select: 'none';
+    -khtml-user-select: 'none';
+    -moz-user-select: 'none'; */
+
+    overflow: 'hidden';    
 }
 
-.view-overlay p {
-    display: block;
-    position: relative;
-    top: auto;
-    bottom: auto;
-    height: 40px;
+.view-overlay div {
+    position: absolute;
 }
 
 /* .buttontoolbarview {
@@ -338,78 +243,91 @@ input.image-gallery-current-page {
     margin: 0px;
 }
 
-body#base button {
-    background-color: #DDD;
-    border-width: 1px;
-    padding: 0px 0.5em;    
-    font-family: Sans-Serif;
-    /* color: #000; */
-    margin: 2px 4px;
-}
 
-body#base button:hover {
-    background-color: #EEE;
+/* ================= */
+/* = Message boxes = */
+/* ================= */
+.info {
+    background-color: gray;
 }
 
-/* HTML editor interactive elements */
-
-.html-editarea {
-    border: 2px solid black;
-    background-color: gray;
-    padding: 1px;
+.success {
+    background-color: green;
+}
 
-    z-index: 2000;
+.error {
+    background-color: yellow;
 }
 
-.html-editarea textarea
-{   
-   
-    border: 0px;
-    margin: 0px;    
-    padding: 0px;
-    
-    width: 100%;
-    height: 100%;
-    
-    z-index: 0;
-    font-size: 10pt;
-    background-color: ivory;
+.critical {
+    background-color: red;
 }
 
-.html-editarea p.html-editarea-toolbar {
-    position: absolute;
-    background: gray;
 
-    bottom: -26px;
-    height: 24px;
+
+/*
+ *
+ * Buttons
+ *
+ */
+*.button {
+    /* reset margin and padding and see what happens */
+    padding: 0;
+    margin: 0;
+    border: 2px solid blue;
+
+    /*
+     * Borders and padding:
+    */
     
-    left: 0px;
-    right: 0px;    
-        
-    border: 2px solid black;
+    /* observation 1: Firefox doesn't apply top/bottom borders to spans in button */
+    /* observation 2: Webkit leaves out some padding to left/right 
+        also: it cuts the top/bottom margin to 1px max */
 
-    margin: 0px;
-    padding: 0px;
+    /* observation 3: Opera does the oposite then WK and FF ->
+        span has all borders, button has only left/right 
+    */
 
-    z-index: 100;
-}
+    /* Line Height */
 
-/* ================= */
-/* = Message boxes = */
-/* ================= */
-.info {
-    background-color: gray;
+    /* 1. Wszystkie przeglądarki, domyślnie ustawiają vertical-align: baseline */
+    vertical-align: baseline;
+
+    /* 2. Opera ustawia rozmiar przycisku, na rozmiar line-height obiektu, który go zawiera */
+    
+    display: inline-block;
+    position: relative;
+    background: yellow;
+    padding: 2px 4px;
+
+    font-size: 16pt;
+    text-decoration: none;
 }
 
-.success {
-    background-color: green;
+*.button:active {
+    background: aqua;
 }
 
-.error {
-    background-color: yellow;
+*.button > span.upper-bg {
+    position: absolute;
+    top: 0px; 
+    left: 2px;
+    right: 0px;
+    bottom: 5px;
+
+    margin: 0px;
+    
+    background-color: white;
+    z-index: 0;
+    display: block;
 }
 
-.critical {
-    background-color: red;
+*.button > span.button-text {
+    position: relative;
+    margin: 0px;
+    display: inline-block;
+    z-index: 2;
+    background: blue;
+    opacity: 0.5;
 }