root/SPARQLBuilderWWW/web/newsparqlbuilder.css @ 235

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

エンドポイントのセレクトボックスが狭く選択内容が見えない問題をレイアウト変更で改良
他細かなGUI修正
（newtopのみ。newguiは崩壊中）
  • 属性 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 select{
59        width: 50%;
60        height: 2em;
61}
62
63.SBModalContents .SBSelects .SBEndPointSelect{
64        width: 100%;
65        height: 2em;
66}
67
68
69.SBModalContents .SBPermaLink{
70        width: 15%;
71        height: 100%;
72        float: left;
73        text-align: center;
74}
75
76.SBModalContents .SBPermaLinkButton{
77        display: inline-block;
78        margin-top: 10px;
79        width: 90%;
80        height: 36px;
81        -webkit-border-radius: 3;
82        -moz-border-radius: 3;
83        border-radius: 3px;
84        border: none;
85        color: #ffffff;
86        background: hsl(0, 50%, 75%);
87        padding: 3px 5px 3px 5px;
88        cursor: pointer;
89}
90
91.SBModalContents .SBMessage{
92        float: left;
93        text-align: center;
94        background-color: #eeeeff;
95}
96
97.SBModalContents .SBResult{
98        display: none;
99        height: 28px;
100        font-size: 24px;
101}
102
103.SBModalContents .SBViewAll{
104        display: none;
105        height: 28px;
106        -webkit-border-radius: 3;
107        -moz-border-radius: 3;
108        border-radius: 3px;
109        border: none;
110        color: #ffffff;
111        background: hsl(0, 50%, 75%);
112        padding: 3px 5px 3px 5px;
113        cursor: pointer;
114}
115
116.SBModalContents .SBGraph{
117        float: left;
118}
119
120.SBModalContents .SBAjaxLoad{
121        position: relative;
122        top: 0;
123        left:0;
124        height: 100%;
125        background: #fffafa;
126}
127
128.SBModalContents .SBLoadIcon{
129        position: absolute;
130        top: 0;
131        left: 0;
132        right: 0;
133        bottom: 0;
134        margin: auto;
135        width: 100px;
136        height: 100px;
137}
138
139.SBModalContents .SBPath{
140        float: left;
141        padding: 10px;
142        text-align: center;
143        word-wrap: break-word;
144}
145
146.SBGenButton{
147        margin: 1.5em;
148        -webkit-border-radius: 7;
149        -moz-border-radius: 7;
150        border-radius: 7px;
151        border: none;
152        color: #ffffff;
153        font-size: 1.2em;
154        background: hsl(200, 50%, 75%);
155        padding: 5px 15px 5px 15px;
156        cursor: pointer;
157}
158
159.SBGenButton:hover{
160        background: hsl(200, 50%, 85%);
161}
162
163.SBRootNode{
164        margin: 0.5em;
165        -webkit-border-radius: 10;
166        -moz-border-radius: 10;
167        border-radius: 10px;
168        border: none;
169        background: hsl(40, 50%, 75%);
170        padding: 5px 15px 5px 15px;
171}
172
173.SBPathProperty{
174        margin: 0.2em;
175}
176
177.SBPathNode{
178        margin: 0.5em;
179        -webkit-border-radius: 10;
180        -moz-border-radius: 10;
181        border-radius: 10px;
182        border: none;
183        background: hsl(0, 0%, 85%);
184        padding: 5px 15px 5px 15px;
185}
186
187.SBLeafNode{
188        margin: 0.5em;
189        -webkit-border-radius: 10;
190        -moz-border-radius: 10;
191        border-radius: 10px;
192        border: none;
193        background: hsl(150, 50%, 75%);
194        padding: 5px 15px 5px 15px;
195}
196
197.SBModalContents .SBModalButtons{
198        float: left;
199        text-align: center;
200}
201
202.SBModalButton{
203        display: inline-block;
204        width: 80%;
205        height: 26px;
206        -webkit-border-radius: 3;
207        -moz-border-radius: 3;
208        border-radius: 3px;
209        border: none;
210        color: #ffffff;
211        background: hsl(0, 50%, 75%);
212        padding: 3px 5px 3px 5px;
213        cursor: pointer;
214}
215
216.SBModalButton:hover{
217        background: hsl(0, 50%, 85%);
218}
Note: リポジトリブラウザについてのヘルプは TracBrowser を参照してください。