typo3/sysext/t3skin/Resources/Private/Styles/TYPO3/_element_docheader.less

   1 /**
   2  * This file is part of the TYPO3 CMS project.
   3  *
   4  * It is free software; you can redistribute it and/or modify it under
   5  * the terms of the GNU General Public License, either version 2
   6  * of the License, or any later version.
   7  *
   8  * For the full copyright and license information, please read the
   9  * LICENSE.txt file that was distributed with this source code.
  10  *
  11  * The TYPO3 project - inspiring people to share!
  12  */
  13
  14 /* - - - - - - - - - - - - - - - - - - - - -
  15 DocHeader
  16 - - - - - - - - - - - - - - - - - - - - - */
  17
  18 @docheader-text: rgb(45, 45, 45);
  19 @docheader-bg: linear-gradient(to bottom, rgb(235, 235, 235) 0%, rgb(205, 205, 205) 100%);
  20 @docheader-border: rgb(195, 195, 195);
  21
  22 #typo3-docheader {
  23         background-color: @docheader-bg;
  24         background: @docheader-bg;
  25
  26         img,
  27         input {
  28                 cursor: pointer;
  29         }
  30
  31         .t3-icon {
  32                 margin-bottom: 3px;
  33         }
  34
  35         .left {
  36                 float: left;
  37
  38                 /** Extra margin 6px added to it-icon margin, doubled spacing = 12px */
  39                 .buttongroup {
  40                         .pull-left;
  41                         margin-right: 6px;
  42                         .c-inputButton {
  43                                 color: inherit;
  44                         }
  45                 }
  46
  47                 select {
  48                         margin-right: 12px;
  49                 }
  50                 .t3-icon {
  51                         margin-right: 6px;
  52                 }
  53
  54         }
  55
  56         .right {
  57                 .pull-right;
  58
  59                 .t3-icon {
  60                         margin-left: 6px;
  61                 }
  62         }
  63
  64
  65         .typo3-docheader-functions {
  66                 color: @docheader-text;
  67                 border-bottom: 1px solid @docheader-border;
  68                 height: 27px;
  69                 line-height: 27px;
  70                 padding: 0 24px;
  71                 overflow: hidden;
  72
  73                 a {
  74                         color: @docheader-text;
  75
  76                         &:hover {
  77                                 color: #000;
  78                         }
  79                 }
  80
  81                 /* overwrite defaults from normalize.css */
  82                 select {
  83                         color: @docheader-text;
  84                 }
  85         }
  86
  87         .typo3-docheader-buttons {
  88                 color: @docheader-text;
  89                 border-bottom: 1px solid @docheader-border;
  90                 height: 22px;
  91                 padding: 3px 24px;
  92                 overflow: hidden;
  93
  94                 a {
  95                         color: @docheader-text;
  96
  97                         &:hover {
  98                                 color: #000;
  99                         }
 100                 }
 101         }
 102 }
 103
 104 /**
 105  * ExtJS Viewport
 106  */
 107
 108 /* Collapsed tree frame is not invisible, but 5px wide.
 109    If no tree frame is in use, an empty container is shown instead */
 110
 111 #typo3-navigationContainer-xsplit,
 112 #typo3-navigationContainer-xcollapsed,
 113 #typo3-navigationDummy {
 114         background: @body-bg url(../../Images/docheader-split-background.png) left top repeat-x;
 115 }
 116
 117 /** ExtJS theme for PageTree */
 118 #typo3-pagetree-topPanelItems {
 119         background-color: @docheader-bg;
 120         background: @docheader-bg;
 121
 122         #typo3-pagetree-topPanel {
 123                 // Functions
 124                 .x-panel-tbar {
 125                         color: @docheader-text;
 126                         border-bottom: 1px solid @docheader-border;
 127
 128                         a {
 129                                 color: @docheader-text;
 130
 131                                 &:hover {
 132                                         color: #000;
 133                                 }
 134                         }
 135
 136                 }
 137
 138                 // Buttons
 139                 .x-panel-body {
 140                         color: @docheader-text;
 141                         border-bottom: 1px solid @docheader-border;
 142
 143                         .typo3-pagetree-topPanel-button {
 144                                 margin-top: 0;
 145                         }
 146
 147                         a {
 148                                 color: @docheader-text;
 149
 150                                 &:hover {
 151                                         color: #000;
 152                                 }
 153                         }
 154                 }
 155         }
 156
 157 }