root/SPARQLBuilderWWW/web/newsparqlbuilder.css @ 234

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

GETから開く機能及びセーブ(GETを指定して開きなおす機能)の追加
各種お化粧

論文執筆時のキャプチャ用版

  • 属性 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 .SBSelects{
49        float: left;
50        background-color: #eeeeff;
51}
52
53.SBModalContents .SBSelects select{
54        width: 28%;
55        height: 2em;
56}
57
58.SBModalContents .SBSelects input{
59        display: inline-block;
60        width: 13.5%;
61        margin: 0 1% 0;
62        height: 2em;
63        -webkit-border-radius: 3;
64        -moz-border-radius: 3;
65        border-radius: 3px;
66        border: none;
67        color: #ffffff;
68        background: hsl(0, 50%, 75%);
69        padding: 3px 5px 3px 5px;
70        cursor: pointer;
71}
72
73.SBModalContents .SBMessage{
74        float: left;
75        text-align: center;
76        background-color: #eeeeff;
77}
78
79.SBModalContents .SBResult{
80        display: none;
81        float: left;
82        margin-top: 0.3em;
83        margin-left: 0.3em;
84}
85
86.SBModalContents .SBViewAll{
87        display: none;
88        float: left;
89        margin-top: 1px;
90        margin-left: 0.5em;
91        height: 2em;
92        -webkit-border-radius: 3;
93        -moz-border-radius: 3;
94        border-radius: 3px;
95        border: none;
96        color: #ffffff;
97        background: hsl(0, 50%, 75%);
98        padding: 3px 5px 3px 5px;
99        cursor: pointer;
100}
101
102.SBModalContents .SBGraph{
103        float: left;
104}
105
106.SBModalContents .SBAjaxLoad{
107        position: relative;
108        top: 0;
109        left:0;
110        height: 100%;
111        background: #fffafa;
112}
113
114.SBModalContents .SBLoadIcon{
115        position: absolute;
116        top: 0;
117        left: 0;
118        right: 0;
119        bottom: 0;
120        margin: auto;
121        width: 100px;
122        height: 100px;
123}
124
125.SBModalContents .SBSelectedPath{
126        float: left;
127        padding: 10px;
128        text-align: center;
129        word-wrap: break-word;
130}
131
132.SBRootNode{
133        margin: 0.5em;
134        margin-top: 1.5em;
135        -webkit-border-radius: 10;
136        -moz-border-radius: 10;
137        border-radius: 10px;
138        border: none;
139        background: hsl(40, 50%, 75%);
140        padding: 5px 15px 5px 15px;
141}
142
143.SBPathProperty{
144        margin: 0.2em;
145}
146
147.SBPathNode{
148        margin: 0.5em;
149        -webkit-border-radius: 10;
150        -moz-border-radius: 10;
151        border-radius: 10px;
152        border: none;
153        background: hsl(0, 0%, 85%);
154        padding: 5px 15px 5px 15px;
155}
156
157.SBLeafNode{
158        margin: 0.5em;
159        -webkit-border-radius: 10;
160        -moz-border-radius: 10;
161        border-radius: 10px;
162        border: none;
163        background: hsl(150, 50%, 75%);
164        padding: 5px 15px 5px 15px;
165}
166
167.SBGenButton{
168        margin: 1.5em;
169        -webkit-border-radius: 7;
170        -moz-border-radius: 7;
171        border-radius: 7px;
172        border: none;
173        color: #ffffff;
174        font-size: 1.2em;
175        background: hsl(200, 50%, 75%);
176        padding: 5px 15px 5px 15px;
177        cursor: pointer;
178}
179
180.SBGenButton:hover{
181        background: hsl(200, 50%, 85%);
182}
183
184.SBModalContents .SBModalButtons{
185        float: left;
186        text-align: center;
187}
188
189.SBModalButton{
190        display: inline-block;
191        width: 80%;
192        height: 26px;
193        -webkit-border-radius: 3;
194        -moz-border-radius: 3;
195        border-radius: 3px;
196        border: none;
197        color: #ffffff;
198        background: hsl(0, 50%, 75%);
199        padding: 3px 5px 3px 5px;
200        cursor: pointer;
201}
202
203.SBModalButton:hover{
204        background: hsl(0, 50%, 85%);
205}
Note: リポジトリブラウザについてのヘルプは TracBrowser を参照してください。