PageRenderTime 19ms CodeModel.GetById 13ms app.highlight 3ms RepoModel.GetById 1ms app.codeStats 1ms

/style/src/_dock.scss

https://github.com/ajanthanm/cssfilterlab
Sass | 195 lines | 150 code | 28 blank | 17 comment | 0 complexity | 610f45aef157f1eb0be9d93ddae70065 MD5 | raw file
  1/*
  2 * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved.
  3 * 
  4 * Licensed under the Apache License, Version 2.0 (the "License");
  5 * you may not use this file except in compliance with the License.
  6 * You may obtain a copy of the License at
  7 * 
  8 *     http://www.apache.org/licenses/LICENSE-2.0
  9 * 
 10 * Unless required by applicable law or agreed to in writing, software
 11 * distributed under the License is distributed on an "AS IS" BASIS,
 12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 13 * See the License for the specific language governing permissions and
 14 * limitations under the License.
 15 */
 16
 17.panel-view {
 18	display: none;
 19}
 20
 21.panel-view.active {
 22    @include flex; 
 23    @include northstar-bg;
 24	display: block;
 25	border-top: 1px solid rgba(255,255,255,.15);
 26	color: white;
 27	z-index: 0;
 28	position: relative;
 29	overflow: hidden;
 30}
 31
 32.panel-view.active > :first-child {
 33	position: absolute;
 34	width: 100%;
 35	height: 100%;
 36	overflow: auto;
 37	top: 0px;
 38	left: 0px;
 39	margin: 0px;
 40}
 41
 42.panel-tab-list {
 43	@include hbox;
 44    @include noflex;
 45	background: #2b2d2d;
 46}
 47
 48/* Disable CSS Custom Filters. */
 49#filter-dock .panel-tab-list {
 50    display: none;
 51}
 52
 53.panel-tab {
 54    border-radius: 4px 4px 0 0;
 55	padding: 5px 10px;
 56    border-top: 1px solid rgba(0,0,0,0);
 57    border-right: transparent;
 58	color: #aaa;
 59    text-shadow: 0 1px 0 #000;
 60	font-size: 12px;
 61	cursor: pointer;
 62    white-space: nowrap;
 63	
 64	&.active{
 65        @include northstar-bg;
 66    	position: relative;
 67    	z-index: 10;
 68    	border-top: 1px solid #6a6a6a;
 69    	border-bottom: 2px solid #494D4E;
 70        border-right: 1px solid #555;
 71    	color: white; 
 72        text-shadow: 0 -1px 0 #000;
 73    	top: 1px;
 74    	padding-top:4px;
 75	}
 76}
 77
 78.panel-container {
 79	z-index: 0;
 80    @include vbox;
 81    @include flex;
 82}
 83
 84.panel-column {
 85    @include flexbox;
 86    @include flex;
 87    position: relative;
 88}
 89
 90.panel-column.horizontal,
 91.panel-column.horizontal > .panel-column-items {
 92    @include hbox;
 93}
 94
 95.panel-column.vertical,
 96.panel-column.vertical > .panel-column-items {
 97	@include vbox;
 98}
 99
100.panel-column-header {
101	@include noflex;
102	font-weight: bold;
103	color: white;
104	padding: 8px;
105	background: $baseColorDark;
106}
107
108.panel-column-title {
109    font-weight: normal;
110    text-shadow: 0 -1px 0 #000;
111}
112
113.panel-column-close-button {
114	float: right;
115}
116
117.panel-column-items {
118	@include flexbox;
119	@include flex;
120}
121
122.panel-column.horizontal > .panel-column-items > .panel-separator {
123	width: 1px;
124	@include noflex;
125	background:  #1f1f1f;
126    border-right: 1px solid rgba(0,0,0,0);
127    border-left: 1px solid rgba(0,0,0,0);
128	cursor: col-resize;
129}
130
131.panel-column.vertical > .panel-column-items > .panel-separator {
132	height: 3px;
133	@include noflex;
134	background: #1f1f1f;
135	cursor: row-resize;
136}
137
138/* trim down on needless resizing handles */
139.panel-separator:first-of-type,
140.panel-column-handle {
141    display: none;
142}
143
144.light {
145    
146    section{
147        background: white;
148    }    
149    
150    .panel-tab-list{
151        background: #D4D7D7;
152        border-bottom: 1px solid #c4c6c6;
153    }  
154    
155    .panel-tab,
156    .panel-view.active{
157        background: #DFE2E2;
158        border-top: 1px solid #DFE2E2;   
159    }
160
161    .panel-view.active {
162        color: black;
163    }
164    
165    .panel-tab{    
166        border: none;
167        color: $baseColorDark;
168        margin: -1px 0 0;
169        text-shadow: 0 1px 0 white;
170        background: none;
171        border-right: none;
172        
173        &.active{
174            background: #DFE2E2;
175            border-top: 1px solid #c4c6c6;            
176            border-right: 1px solid #c4c6c6;
177            border-left: 1px solid #c4c6c6;
178            border-radius: 4px 4px 0 0;
179            box-shadow: inset 0 1px 0 #FFF; 
180            
181            &:first-child{
182                border-left: none;
183            };
184        }
185    }
186}
187
188#main-view .light .panel-separator {   
189        border: none;
190        background: #bcbcbc !important;
191    }
192
193#active-filters {
194    overflow-x: hidden;
195}