1 | html, |
---|
2 | body{ |
---|
3 | height:100%; |
---|
4 | /* The html and body elements cannot have any padding or margin. */ |
---|
5 | } |
---|
6 | |
---|
7 | .centered{ |
---|
8 | text-align:center; |
---|
9 | } |
---|
10 | |
---|
11 | .selected{ |
---|
12 | background-color:#f5f5f5; |
---|
13 | } |
---|
14 | |
---|
15 | /*override animation duration for the following elements*/ |
---|
16 | #workspace, #schema-div, |
---|
17 | #about, #contact, #accountDetails{ |
---|
18 | -webkit-animation-duration: 0.25s; |
---|
19 | -moz-animation-duration: 0.25s; |
---|
20 | -o-animation-duration: 0.25s; |
---|
21 | animation-duration: 0.25s; |
---|
22 | } |
---|
23 | |
---|
24 | #schema-background { |
---|
25 | min-height: 350px; |
---|
26 | } |
---|
27 | |
---|
28 | /*since angularjs and browsers have diferent rules to conssider an input valid, |
---|
29 | we override the red border set by the browser (in invalid input fields) |
---|
30 | with the same border but set by angular*/ |
---|
31 | input.ng-dirty.ng-invalid { |
---|
32 | color: #b94a48; |
---|
33 | border-color: #e9322d; |
---|
34 | -webkit-box-shadow: 0 0 6px #f8b9b7; |
---|
35 | -moz-box-shadow: 0 0 6px #f8b9b7; |
---|
36 | box-shadow: 0 0 6px #f8b9b7; |
---|
37 | } |
---|
38 | |
---|
39 | .cursor-pointer{ |
---|
40 | cursor:pointer; |
---|
41 | } |
---|
42 | |
---|
43 | .cursor-default{ |
---|
44 | cursor:default; |
---|
45 | } |
---|
46 | |
---|
47 | /*sticky left side list of schemas*/ |
---|
48 | .sidebar-nav-fixed { |
---|
49 | position:fixed; |
---|
50 | width:21.97%; |
---|
51 | min-width: 241px; |
---|
52 | } |
---|
53 | |
---|
54 | .paginator{ |
---|
55 | white-space:nowrap; |
---|
56 | min-width: 241px; |
---|
57 | } |
---|
58 | |
---|
59 | /*override bootstrap.css '<pre>' tags to scroll horizontaly |
---|
60 | instead of wrapping the text to the page*/ |
---|
61 | pre { |
---|
62 | overflow-x: auto; |
---|
63 | overflow-wrap: normal; |
---|
64 | word-wrap: normal; |
---|
65 | } |
---|
66 | /*override bootstrap.css '<pre><code>' tag sequence not to use transparent |
---|
67 | background (removes lag in google Chrome) and not to wrap text on white spaces.*/ |
---|
68 | pre code { |
---|
69 | background-color: inherit; |
---|
70 | white-space: pre; |
---|
71 | /*the following is used for the background of the code odd lines, to occupy entire document width */ |
---|
72 | float:left; |
---|
73 | min-width: 100%; |
---|
74 | } |
---|
75 | |
---|
76 | |
---|
77 | /* Wrapper for page content to push down footer */ |
---|
78 | #wrap{ |
---|
79 | min-height:100%; |
---|
80 | height:auto !important; |
---|
81 | height:100%; |
---|
82 | /* Negative indent footer by it's height */ |
---|
83 | margin:0 auto -60px; |
---|
84 | } |
---|
85 | |
---|
86 | /* Set the fixed height of the footer here */ |
---|
87 | #pushh, |
---|
88 | #pushf, |
---|
89 | #footer{ |
---|
90 | height:60px; |
---|
91 | } |
---|
92 | #footer{ |
---|
93 | background-color:#f5f5f5; |
---|
94 | padding-top:20px; |
---|
95 | } |
---|
96 | |
---|
97 | /* Lastly, apply responsive CSS fixes as necessary */ |
---|
98 | @media (max-width: 767px) { |
---|
99 | #footer{ |
---|
100 | margin-left:-20px; |
---|
101 | margin-right:-20px; |
---|
102 | padding-left:20px; |
---|
103 | padding-right:20px; |
---|
104 | } |
---|
105 | } |
---|
106 | |
---|
107 | @media (max-width: 979px) { |
---|
108 | #pushh{ |
---|
109 | height:0px; |
---|
110 | } |
---|
111 | } |
---|
112 | |
---|
113 | @media (max-width: 1009px) { |
---|
114 | /* override the class definition for the first level divs of the workspace |
---|
115 | so that they stack instead of overlaping when the media width is too low */ |
---|
116 | #workspace-main-row .workspace-master-div { |
---|
117 | display: block; |
---|
118 | float: none; |
---|
119 | width: 100%; |
---|
120 | margin-left: 0; |
---|
121 | -webkit-box-sizing: border-box; |
---|
122 | -moz-box-sizing: border-box; |
---|
123 | box-sizing: border-box; |
---|
124 | } |
---|
125 | .sidebar-nav-fixed { |
---|
126 | position:static; |
---|
127 | width:auto; |
---|
128 | } |
---|
129 | |
---|
130 | } |
---|