root/SPARQLBuilderWWW/web/newsparqlbuilder.css @ 242

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

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