root/SPARQLBuilderWWW/web/newsparqlbuilder.css @ 238

リビジョン 237, 3.9 KB (コミッタ: lenz, 10 年 前)

細かなUI設定の調整
  • 属性 svn:mime-type の設定値 text/plain
行番号 
1#SPARQLBUILDER{
2        width: 90%;
3        margin: auto;
4}
5.SBSparqlArea{
6        width: 100%;
7}
8
9.SBTopButton{
10        margin: 0.5em 1em 0.5em 0;
11        -webkit-border-radius: 7;
12        -moz-border-radius: 7;
13        border-radius: 7px;
14        border: none;
15        color: #ffffff;
16        background: hsl(200, 50%, 75%);
17        padding: 5px 15px 5px 15px;
18        cursor: pointer;
19}
20
21.SBTopButton:hover{
22        background: hsl(200, 50%, 85%);
23}
24
25.SBModalView{
26        position: absolute;
27        top: 0px;
28        bottom: 0px;
29        left: 0px;
30        right: 0px;
31        background-color: rgba(0,0,0,0.8);
32        display: none;
33}
34
35.SBModalContents{
36        position: absolute;
37        top: 0px;
38        bottom: 0px;
39        left: 0px;
40        right: 0px;
41        margin: auto;
42        width: 90%;
43        height: 90%;
44        background: white;
45        overflow: hidden;
46}
47
48.SBModalContents .SBForms{
49        float: left;
50        background-color: #eeeeff;
51}
52
53.SBModalContents .SBSelects{
54        width: 85%;
55        float: left;
56}
57
58.SBModalContents .SBSelects .SBEndPointSelect{
59        width: 100%;
60        height: 2em;
61}
62
63.SBModalContents .SBSelects .SBStartClassSelect{
64        width: 50%;
65        height: 2em;
66}
67
68.SBModalContents .SBSelects .SBEndClassSelect{
69        width: 50%;
70        height: 2em;
71}
72
73
74.SBModalContents .SBPermaLink{
75        width: 15%;
76        height: 100%;
77        float: left;
78        text-align: center;
79}
80
81.SBModalContents .SBPermaLinkButton{
82        display: inline-block;
83        margin-top: 10px;
84        width: 90%;
85        height: 36px;
86        -webkit-border-radius: 3;
87        -moz-border-radius: 3;
88        border-radius: 3px;
89        border: none;
90        color: #ffffff;
91        background: hsl(0, 50%, 75%);
92        padding: 3px 5px 3px 5px;
93        cursor: pointer;
94}
95
96.SBModalContents .SBPermaLinkButton:hover{
97        background: hsl(0, 50%, 85%);
98}
99
100.SBModalContents .SBMessage{
101        float: left;
102        text-align: center;
103        background-color: #eeeeff;
104}
105
106.SBModalContents .SBResult{
107        display: none;
108        height: 24px;
109        font-size: 18px;
110}
111
112.SBModalContents .SBViewAll{
113        display: none;
114        height: 28px;
115        -webkit-border-radius: 3;
116        -moz-border-radius: 3;
117        border-radius: 3px;
118        border: none;
119        color: #ffffff;
120        background: hsl(0, 50%, 75%);
121        padding: 3px 5px 3px 5px;
122        cursor: pointer;
123}
124
125.SBModalContents .SBViewAll:hover{
126        background: hsl(0, 50%, 85%);
127}
128
129.SBModalContents .SBGraph{
130        float: left;
131}
132
133.SBModalContents .SBAjaxLoad{
134        position: relative;
135        top: 0;
136        left:0;
137        height: 100%;
138        background: #fffafa;
139}
140
141.SBModalContents .SBLoadIcon{
142        position: absolute;
143        top: 0;
144        left: 0;
145        right: 0;
146        bottom: 0;
147        margin: auto;
148        width: 100px;
149        height: 100px;
150}
151
152.SBModalContents .SBPath{
153        float: left;
154        padding: 10px;
155        text-align: center;
156        word-wrap: break-word;
157}
158
159.SBGenButton{
160        margin: 1em;
161        -webkit-border-radius: 7;
162        -moz-border-radius: 7;
163        border-radius: 7px;
164        border: none;
165        color: #ffffff;
166        font-size: 1.2em;
167        background: hsl(200, 50%, 75%);
168        padding: 5px 15px 5px 15px;
169        cursor: pointer;
170}
171
172.SBGenButton:hover{
173        background: hsl(200, 50%, 85%);
174}
175
176.SBRootNode{
177        margin: 0.5em;
178        margin-top: 1em;
179        -webkit-border-radius: 10;
180        -moz-border-radius: 10;
181        border-radius: 10px;
182        border: solid 2px hsl(0, 50%, 75%);
183        background: hsl(40, 50%, 75%);
184        padding: 5px 15px 5px 15px;
185}
186
187.SBPathProperty{
188        margin: 0.2em;
189}
190
191.SBPathNode{
192        margin: 0.5em;
193        -webkit-border-radius: 10;
194        -moz-border-radius: 10;
195        border-radius: 10px;
196        border: solid 2px hsl(0, 50%, 75%);
197        background: hsl(0, 0%, 85%);
198        padding: 5px 15px 5px 15px;
199}
200
201.SBLeafNode{
202        margin: 0.5em;
203        -webkit-border-radius: 10;
204        -moz-border-radius: 10;
205        border-radius: 10px;
206        border: solid 2px hsl(0, 50%, 75%);
207        background: hsl(150, 50%, 75%);
208        padding: 5px 15px 5px 15px;
209}
210
211.SBModalContents .SBModalButtons{
212        float: left;
213        text-align: center;
214}
215
216.SBModalButton{
217        display: inline-block;
218        width: 80%;
219        height: 26px;
220        -webkit-border-radius: 3;
221        -moz-border-radius: 3;
222        border-radius: 3px;
223        border: none;
224        color: #ffffff;
225        background: hsl(0, 50%, 75%);
226        padding: 3px 5px 3px 5px;
227        cursor: pointer;
228}
229
230.SBModalButton:hover{
231        background: hsl(0, 50%, 85%);
232}
Note: リポジトリブラウザについてのヘルプは TracBrowser を参照してください。