root/SPARQLBuilderWWW/web/newsparqlbuilder.css @ 243

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

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