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 {
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;
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;
}
}
.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 {
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;
}
fnp / redakcja.git / blobdiff