PluginProbe
Smart Grid-Layout Design for Contact Form 7 / 4.0.0
Smart Grid-Layout Design for Contact Form 7 v4.0.0
4.18.0 4.17.0 3.2.0 3.2.1 3.3.0 3.3.1 3.3.2 3.3.3 3.3.4 3.3.5 3.3.6 3.3.7 3.3.8 4.0.0 4.0.1 4.1.0 4.1.1 4.1.2 4.1.3 4.1.4 4.10 4.11 4.12 4.13 4.14 All 119 releases
cf7-grid-layout / admin / css / cf7sg-dynamic-tag.css

cf7sg-dynamic-tag.css in Smart Grid-Layout Design for Contact Form 7 4.0.0, at admin/css/cf7sg-dynamic-tag.css

121 lines 2.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*[dynamic-select] tag*/
2 #dynamic-select-tag-generator a.helper::before {
3 content: 'Click to copy!';
4 display: none;
5 position: absolute;
6 bottom: -20px;
7 left: 50px;
8 background: #323232;
9 color: white;
10 padding: 2px 5px;
11 border-radius: 3px;
12 font-weight: bold;
13 }
14 #dynamic-select-tag-generator .position-relative{
15 position: relative;
16 }
17 #dynamic-select-tag-generator .helper:hover::before {
18 display: inline-block;
19 }
20 #dynamic-select-tag-generator .cf72post-new-taxonomy label {
21 float: left;
22 width: 24%;
23 margin-right: 0.5%;
24 color: gray;
25 }
26 #dynamic-select-tag-generator input.cf72post-new-taxonomy{
27 width:100%;
28 }
29 #dynamic-select-tag-generator .cf72post-new-taxonomy label:last-child {
30 margin-right: 0;
31 margin-top: 21px;
32 }
33 #dynamic-select-tag-generator .cf72post-new-taxonomy label:last-child input{
34 width:auto;
35 }
36 #dynamic-select-tag-generator .cf72post-new-taxonomy label:first-child {
37 width: 26.5%;
38 }
39 #dynamic-select-tag-generator option.system-taxonomy {
40 background: #0085ba;
41 color: white;
42 }
43 #dynamic-select-tag-generator .hidden{
44 display:none;
45 }
46 #dynamic-select-tag-generator option.cf7sg-taxonomy {
47 background-color: #098f09;
48 color: white;
49 }
50 .tabordion {
51 color: #333;
52 display: block;
53 font-family: arial, sans-serif;
54 position: relative;
55 width: 100%;
56 }
57 .tabordion input[name="sections"] {
58 left: -9999px;
59 position: absolute;
60 top: -9999px;
61 }
62 .tabordion section {
63 display: block;
64 }
65 .tabordion {
66 border-top: 1px solid #ccc;
67 }
68 .tabordion section > label {
69 background: #ccc;
70 border: 1px solid #ccc;
71 cursor: pointer;
72 display: block;
73 font-size: 13px;
74 font-weight: bold;
75 padding: 4px 10px 4px 2px;
76 position: relative;
77 width: 120px;
78 z-index: 100;
79 color: #333;
80 border-top: 1px solid #fff;
81 }
82 .tabordion section article {
83 display: none;
84 left: 133px;
85 min-width: 300px;
86 padding: 0 0 0 9px;
87 position: absolute;
88 top: 0;
89 }
90 .tabordion section article:after {
91 /*background-color: #ccc;*/
92 bottom: 0;
93 content: "";
94 display: block;
95 left:-229px;
96 position: absolute;
97 top: 0;
98 width: 220px;
99 z-index:1;
100 }
101 .tabordion input[name="sections"]:checked + label {
102 background: #fff;
103 border-right: 1px solid #fff;
104 }
105 .tabordion input[name="sections"]:checked ~ article {
106 display: block;
107 }
108 #dynamic-dropdown-sources .select2.select2-container {
109 min-width: 100%;
110 }
111 .select2-container{
112 z-index:100051;
113 }
114 #dynamic-dropdown-sources article h4 {
115 margin: 0 0 2px 0;
116 }
117 input#select2-tags:disabled + label a {
118 color: #b7b7b7;
119 text-decoration: none;
120 }
121