comparison js/Editor-1.5.6/css/scss/fields.scss @ 1:b5453d07f740 draft default tip

"planemo upload for repository https://github.com/ImmPortDB/immport-galaxy-tools/tree/master/flowtools/flow_overview commit 65373effef15809f3db0e5f9603ef808f4110aa3"
author azomics
date Wed, 29 Jul 2020 17:03:53 -0400
parents
children
comparison
equal deleted inserted replaced
0:8283ff163ba6 1:b5453d07f740
1
2
3 // Generic field styling
4 div.DTE_Field {
5 input,
6 textarea {
7 box-sizing: border-box;
8 background-color: white;
9 -webkit-transition: background-color ease-in-out .15s;
10 transition: background-color ease-in-out .15s;
11 }
12
13 input:focus,
14 textarea:focus {
15 background-color: #ffffee;
16 }
17
18 input[type="color"],
19 input[type="date"],
20 input[type="datetime"],
21 input[type="datetime-local"],
22 input[type="email"],
23 input[type="month"],
24 input[type="number"],
25 input[type="password"],
26 input[type="search"],
27 input[type="tel"],
28 input[type="text"],
29 input[type="time"],
30 input[type="url"],
31 input[type="week"] {
32 padding: 6px 4px;
33 width: 100%;
34 }
35
36
37 div.DTE_Field_Info,
38 div.DTE_Field_Message {
39 font-size: 11px;
40 line-height: 1em;
41 }
42
43 div.DTE_Field_Error {
44 font-size: 11px;
45 line-height: 1em;
46 display: none;
47 color: red;
48 margin-top: 5px;
49 }
50
51 div.multi-value {
52 display: none;
53 border: 1px dotted #666;
54 border-radius: 3px;
55 padding: 5px;
56 background-color: #fafafa;
57 cursor: pointer;
58
59 span {
60 font-size: 0.8em;
61 line-height: 1.25em;
62 display: block;
63 color: #666;
64 }
65
66 &:hover {
67 background-color: #f1f1f1;
68 }
69 }
70
71 div.multi-restore {
72 display: none;
73 margin-top: 0.5em;
74 font-size: 0.8em;
75 line-height: 1.25em;
76 color: #3879d9;
77
78 &:hover {
79 text-decoration: underline;
80 cursor: pointer;
81 }
82 }
83 }
84
85 // Specific field type styling
86 div.DTE_Field_Type_textarea {
87 textarea {
88 padding: 3px;
89 width: 100%;
90 height: 80px;
91 }
92 }
93
94 div.DTE_Field.DTE_Field_Type_date {
95 img {
96 vertical-align: middle;
97 cursor: pointer;
98 *cursor: hand;
99 }
100
101 input.jqueryui {
102 width: 87%;
103 margin-right: 6px;
104 }
105 }
106
107 div.DTE_Field_Type_checkbox,
108 div.DTE_Field_Type_radio {
109 div.DTE_Field_Input > div > div {
110 margin-bottom: 0.25em;
111
112 &:last-child {
113 margin-bottom: 0;
114 }
115
116 input {
117 }
118
119 label {
120 margin-left: 0.75em;
121 vertical-align: middle;
122 }
123 }
124 }
125
126 div.DTE_Field_Type_select div.DTE_Field_Input {
127 padding-top: 4px;
128 }