チェンジセット 258 : SPARQLBuilderWWW/web/classselect.css

差分発生行の前後
無視リスト:
更新日時:
2015/10/08 17:57:53 (9 年 前)
更新者:
lenz
ログメッセージ:

クラス選択用新GUIのテスト実装

機能としては完了、組み込みや化粧のし直しが必要

ファイル:
1 変更

凡例:

変更なし
追加
削除

  • SPARQLBuilderWWW/web/classselect.css

    r253 r258  
    22 
    33div.wrap { 
    4         width: 100%; 
    5         height: 800px; 
     4        position: absolute; 
     5        top: 0px; 
     6        bottom: 0px; 
     7        left: 0px; 
     8        right: 0px; 
     9        background-color: rgba(0,0,0,0.8); 
     10} 
     11 
     12div.classselect { 
     13        position: absolute; 
     14        top: 0px; 
     15        bottom: 0px; 
     16        left: 0px; 
     17        right: 0px; 
     18        margin: auto; 
     19        width: 90%; 
     20        height: 90%; 
    621        overflow: hidden; 
     22        background: #fafafa; 
    723} 
    824 
    … …  
    1127        width: 50%; 
    1228        height: 100%; 
     29        padding: 5px 0px; 
    1330} 
    1431 
    … …  
    1734        width: 50%; 
    1835        height: 100%; 
     36        padding: 5px 0px; 
    1937} 
    2038 
    2139div.startclass, div.endclass { 
    22         padding: 5px; 
     40        padding: 5px 0px; 
     41} 
     42 
     43#searchstarttext, #searchendtext { 
     44        width: 100%; 
     45} 
     46 
     47span.startclassuri:hover { 
     48        cursor: pointer; 
     49 
     50        -moz-border-radius: 10px; 
     51        -webkit-border-radius: 10px; 
     52        border-radius: 10px; 
     53        padding: 3px; 
     54 
     55        background-color: hsl(40, 50%, 75%); 
     56} 
     57 
     58span.endclassuri:hover { 
     59        cursor: pointer; 
     60 
     61        -moz-border-radius: 10px; 
     62        -webkit-border-radius: 10px; 
     63        border-radius: 10px; 
     64        padding: 3px; 
     65 
     66        background-color: hsl(150, 50%, 75%); 
     67} 
     68 
     69span.selectedstart { 
     70        cursor: pointer; 
     71 
     72        -moz-border-radius: 10px; 
     73        -webkit-border-radius: 10px; 
     74        border-radius: 10px; 
     75        padding: 2px; 
     76        border: 2px hsl(40, 50%, 50%) solid; 
     77 
     78        background-color: hsl(40, 50%, 75%); 
     79} 
     80 
     81span.selectedend { 
     82        cursor: pointer; 
     83 
     84        -moz-border-radius: 10px; 
     85        -webkit-border-radius: 10px; 
     86        border-radius: 10px; 
     87        padding: 2px; 
     88 
     89        border: 2px hsl(150, 50%, 50%) solid; 
     90 
     91        background-color: hsl(150, 50%, 75%); 
    2392} 
    2493