チェンジセット 235 : SPARQLBuilderWWW/web/newsparqlbuilder.css

更新日時:

2015/02/12 15:09:08 (10 年 前)

更新者:

lenz

ログメッセージ:

エンドポイントのセレクトボックスが狭く選択内容が見えない問題をレイアウト変更で改良
他細かなGUI修正
（newtopのみ。newguiは崩壊中）

ファイル:

• SPARQLBuilderWWW/web/newsparqlbuilder.css (変更) (4 diff)

SPARQLBuilderWWW/web/newsparqlbuilder.css

@@ -46 +46 @@
 }
 
+.SBModalContents .SBForms{
+        float: left;
+        background-color: #eeeeff;
+}
+
 .SBModalContents .SBSelects{
-        float: left;
-        background-color: #eeeeff;
+        width: 85%;
+        float: left;
 }
 
 .SBModalContents .SBSelects select{
-        width: 28%;
+        width: 50%;
         height: 2em;
 }
 
-.SBModalContents .SBSelects input{
+.SBModalContents .SBSelects .SBEndPointSelect{
+        width: 100%;
+        height: 2em;
+}
+
+
+.SBModalContents .SBPermaLink{
+        width: 15%;
+        height: 100%;
+        float: left;
+        text-align: center;
+}
+
+.SBModalContents .SBPermaLinkButton{
         display: inline-block;
-        width: 13.5%;
-        margin: 0 1% 0;
-        height: 2em;
+        margin-top: 10px;
+        width: 90%;
+        height: 36px;
         -webkit-border-radius: 3;
         -moz-border-radius: 3;
@@ -79 +97 @@
 .SBModalContents .SBResult{
         display: none;
-        float: left;
-        margin-top: 0.3em;
-        margin-left: 0.3em;
+        height: 28px;
+        font-size: 24px;
 }
 
 .SBModalContents .SBViewAll{
         display: none;
-        float: left;
-        margin-top: 1px;
-        margin-left: 0.5em;
-        height: 2em;
+        height: 28px;
         -webkit-border-radius: 3;
         -moz-border-radius: 3;
@@ -123 +137 @@
 }
 
-.SBModalContents .SBSelectedPath{
+.SBModalContents .SBPath{
         float: left;
         padding: 10px;
         text-align: center;
         word-wrap: break-word;
+}
+
+.SBGenButton{
+        margin: 1.5em;
+        -webkit-border-radius: 7;
+        -moz-border-radius: 7;
+        border-radius: 7px;
+        border: none;
+        color: #ffffff;
+        font-size: 1.2em;
+        background: hsl(200, 50%, 75%);
+        padding: 5px 15px 5px 15px;
+        cursor: pointer;
+}
+
+.SBGenButton:hover{
+        background: hsl(200, 50%, 85%);
 }
 
 .SBRootNode{
         margin: 0.5em;
-        margin-top: 1.5em;
         -webkit-border-radius: 10;
         -moz-border-radius: 10;
@@ -163 +193 @@
         background: hsl(150, 50%, 75%);
         padding: 5px 15px 5px 15px;
-}
-
-.SBGenButton{
-        margin: 1.5em;
-        -webkit-border-radius: 7;
-        -moz-border-radius: 7;
-        border-radius: 7px;
-        border: none;
-        color: #ffffff;
-        font-size: 1.2em;
-        background: hsl(200, 50%, 75%);
-        padding: 5px 15px 5px 15px;
-        cursor: pointer;
-}
-
-.SBGenButton:hover{
-        background: hsl(200, 50%, 85%);
 }