amalgame/commit
split up overly large builder.css
author | Jacco van Ossenbruggen |
---|---|
Mon Aug 4 11:42:42 2014 +0200 | |
committer | Jacco van Ossenbruggen |
Mon Aug 4 11:49:42 2014 +0200 | |
commit | 351346548640555dc9147833847a120c2a293abd |
tree | 28c13e6f81de7b76e5ffe4c305ff883754404985 |
parent | 39ac406cb7123091e98a473581b36cbb2827a0a0 |
Diff style: patch stat
diff --git a/applications/builder.pl b/applications/builder.pl index 07cc926..fa80aff 100644 --- a/applications/builder.pl +++ b/applications/builder.pl @@ -35,6 +35,30 @@ ag:menu_item(200=http_ag_build, 'build'). +:- html_resource(css_ag_build, + [ virtual(true), + requires([ ag_build_core, + ag_build_extra + ]) + ]). + +:- html_resource(ag_build_core, + [ virtual(true), + requires([ css('builder.css'), + css('strategy_viz.css'), + css('infobox.css'), + css('controls.css'), + css('mappingtable.css'), + css('detail-overlay.css') + ]) + ]). + +:- html_resource(ag_build_extra, + [ virtual(true) +- requires([css('skosbrowser.css'), +- css('columnbrowser.css') + ]) + ]). backward_compatibilty_fixes(Strategy) :- fix_opmv_ns(Strategy), @@ -88,9 +112,7 @@ html_page(Strategy, Focus) :- reply_html_page(amalgame(app), [ title(['Align vocabularies']) ], - [ \html_requires(css('builder.css')), - \html_requires(css('skosbrowser.css')), - \html_requires(css('columnbrowser.css')), + [ \html_requires(css_ag_build), div(class('yui3-skin-sam yui-skin-sam'), [ \html_ag_header([ active(http_ag_build), diff --git a/web/css/builder.css b/web/css/builder.css index bcbebf9..72ade43 100644 --- a/web/css/builder.css +++ b/web/css/builder.css @@ -5,6 +5,8 @@ body { background-color: #FFF; overflow: auto; } +#main { width: 100%; } + #layout { padding: 6px 6px 6px 362px; background-color: #C2C2C2; @@ -20,9 +22,6 @@ body { background-color: #FFF; height: 100%; } -#main { - width: 100%; -} #graph { height: 500px; } @@ -48,155 +47,6 @@ body { bottom: -10px; } - -/* controls */ -#controls .module-list { - border-width: 0; -} -#controls .module-list .yui3-accordion-item-hd { - /*background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -1300px transparent;*/ - line-height: 1.3em; -} -#controls .module-list .yui3-accordion-item { - border-top: 1px dotted #CCC; - border-bottom: 0; -} -#controls .yui3-accordion-item-active .yui3-accordion-item-trigger { - background-position: 105% -398px; -} -#controls .yui3-accordion-item-trigger { - background-position: 105% -348px; -} -#controls .yui3-accordion-item-bd .desc, -#controls .yui3-accordion-item-bd form, -#controls .yui3-accordion-item-bd .control-buttons { - padding: 5px 10px; -} -#controls .control.disabled { - display: none; -} -#controls .c { - margin: 0 10px; - padding: 5px 0; -} -#controls .i { - border-top: 1px solid #CCC; - padding: 10px 0; -} -#controls table { - width: 100%; -} -#controls th { - vertical-align: top; - white-space: nowrap; - padding-right: 10px; -} -#controls td span.warn { - color: orange; -} - -#controls .control-buttons { - text-align: right; -} -.mappingselect { - border-bottom: 1px solid #CCCCCC; - padding-bottom: 5px; - margin-bottom: 5px; - max-height: 150px; - overflow: auto; -} -#controls textarea { - width: 97%; -} - -/* control set */ -.control-set { - border-width: 0 0 1px; - border-style: solid; - border-color: #BBB; -} -.control-set .hd { - background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -1500px transparent; - line-height: 1.4em; - padding: 5px 10px 5px 0; -} -.control-set .hd .trigger { - background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") no-repeat scroll 108% -347px transparent; - color: #222; - font-weight: bold; - cursor: default; - display: block; - padding: 0 5px 0 10px; - text-decoration: none; - width: auto; -} -.control-set.active .hd .trigger { - background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") no-repeat scroll 108% -397px transparent; -} -.control-set .bd { - display: none; -} -.control-set.active .bd { - display: block; -} - -/* infobox */ -#info { -} -#info .loading { - padding: 20px 0; - background: url("loading.gif") no-repeat 50% 50%; -} -#info .hidden { - display: none; -} -#infocontent, -#info .loading { - border-top: 1px solid #CCC; - border-bottom: 1px solid #CCC; - overflow-y: auto; - max-height: 60ex; -} -#info .parameters { - border-top: 1px solid #CCC; - margin-top: 5px; - padding-top: 5px; -} -#details td { - padding-bottom: 4px; -} - -/* select */ -#select li { - list-style: disc inside; -} - -/* align */ -#inputselect { - padding: 5px 10px; -} - -/* strategy graph */ -.yui3-strategy_viz { - padding: 5px 5px 15px; -} -.yui3-strategy_viz .edge text { - font-size: 11px; -} -.yui3-strategy_viz .selected text { - font-weight: bold; -} -.yui3-strategy_viz .info, -.yui3-strategy_viz .selected .info { - font-weight: normal; - font-size: 9px; -} -.yui3-strategy_viz .selected ellipse, -.yui3-strategy_viz .selected polygon { - /*fill: #DBEAFF;*/ - stroke-width: 3px; -} - img.explain { background-color: white; border: 1pt black solid; @@ -215,184 +65,6 @@ img.explain { cursor: pointer; } - -/* mapping table */ -#mappingtable.hidden { - display: none; -} -#mappingtable .table.hidden, -#mappingtable .loading.hidden { - display:none; -} -#mappingtable .loading { - padding: 20px 0; - background: url("loading.gif") no-repeat 50% 50%; -} -.yui3-datatable { - margin: 0; -} -.yui3-datatable table { - width: 100%; -} -.yui3-datatable caption { - display: none; -} -.yui3-datatable th { - text-align: center; -} -.yui3-datatable td { - cursor: pointer; - vertical-align: top; -} -.yui3-datatable-selected { - color: #3875D7; - background-color: white; /* background does not seem to work in new datatable */ -} -.yui3-datatable td:first-child, -.yui3-datatable td:last-child { - width: 40%; -} -.yui3-datatable td .relation { - text-align: center; -} -.paginator { - text-align: center; -} - -/* overlay */ - -#detail { - border: 1px solid #444; - background-color: #DDD; - height: 100%; -} -#detail.hidden { - display: none; -} - -#detail form { - height: 80%; -} - -#detail .yui3-widget-hd { - background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -1400px transparent; - line-height:1.4em; - padding: 5px; - text-align: center; - color: white; - font-weight: bold; -} -#detail .yui3-widget-bd { - margin: 5px; -} -#detail .yui3-widget-ft { - margin: 5px; -} -#detail .manualfixes .relations { - display: inline-block; - text-align: center; -} -#detail .manualfixes .comment { - display: inline-block; - text-align: center; - width: 100%; -} -#detail .options { - display: default; - text-align: right; -} -#detail .buttons { - text-align: right; - padding: 5px; -} -/* do not show change stuff in builder, only for evaluater */ -#detail .manualfixes { display: none; } -#detail .buttons .change { display: none; } - -#detail .l_lang, -#detail .lang { - color: #777; -} - -.resource-info { - height: 250px; - padding: 5px; - overflow-y: scroll; - border: 1px solid #888; - background-color: #FFF; -} -.resource-info .label { - font-size: 130%; -} -.resource-info .uri a { - font-size: 85%; -} -.resource-info .hd { - padding-top: 8px; -} -.resource-info .bd { - padding: 2px 4px; -} -.resource-info .definition, -.resource-info .scope .bd { - color: #666; - font-size: 90%; -} - -.resource-info ul { - margin: 0; - padding: 0 0 0 12px; -} -.resource-info li, -.resource-info li { - list-style: none; - padding: 2px 0; -} -.resource-info a { - color: #222; - text-decoration: none; -} -.resource-info a:hover { - text-decoration: underline; -} -.resource-info li.hit { - font-weight: bold; -} -.resource-info .moretoggle { - color: #666; - font-size: 90%; - cursor: pointer; -} -.resource-info .hidden { - display: none; -} - -.evidences { - overflow: auto; - border-width: 1px 0px 1px 0px; - border-style: solid; - border-color: #888; -} - -.evidence { - border-width: 0 1px 1px 1px; - border-style: solid; - border-color: #888; - background-color: white; -} -.evidence .method { - padding-left: 5px; -} -.evidence .source { - text-align: right; -} -.evidence .target { - text-align: left; -} -.evidence .source object, -.evidence .target object { -} - /* vocabulary browser */ #vocabularybrowser { height: 100%; diff --git a/web/css/controls.css b/web/css/controls.css new file mode 100644 index 0000000..719177e --- /dev/null +++ b/web/css/controls.css @@ -0,0 +1,90 @@ +/* controls */ +#controls .module-list { + border-width: 0; +} +#controls .module-list .yui3-accordion-item-hd { + /*background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -1300px transparent;*/ + line-height: 1.3em; +} +#controls .module-list .yui3-accordion-item { + border-top: 1px dotted #CCC; + border-bottom: 0; +} +#controls .yui3-accordion-item-active .yui3-accordion-item-trigger { + background-position: 105% -398px; +} +#controls .yui3-accordion-item-trigger { + background-position: 105% -348px; +} +#controls .yui3-accordion-item-bd .desc, +#controls .yui3-accordion-item-bd form, +#controls .yui3-accordion-item-bd .control-buttons { + padding: 5px 10px; +} +#controls .control.disabled { + display: none; +} +#controls .c { + margin: 0 10px; + padding: 5px 0; +} +#controls .i { + border-top: 1px solid #CCC; + padding: 10px 0; +} +#controls table { + width: 100%; +} +#controls th { + vertical-align: top; + white-space: nowrap; + padding-right: 10px; +} +#controls td span.warn { + color: orange; +} + +#controls .control-buttons { + text-align: right; +} +.mappingselect { + border-bottom: 1px solid #CCCCCC; + padding-bottom: 5px; + margin-bottom: 5px; + max-height: 150px; + overflow: auto; +} +#controls textarea { + width: 97%; +} + +/* control set */ +.control-set { + border-width: 0 0 1px; + border-style: solid; + border-color: #BBB; +} +.control-set .hd { + background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -1500px transparent; + line-height: 1.4em; + padding: 5px 10px 5px 0; +} +.control-set .hd .trigger { + background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") no-repeat scroll 108% -347px transparent; + color: #222; + font-weight: bold; + cursor: default; + display: block; + padding: 0 5px 0 10px; + text-decoration: none; + width: auto; +} +.control-set.active .hd .trigger { + background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") no-repeat scroll 108% -397px transparent; +} +.control-set .bd { + display: none; +} +.control-set.active .bd { + display: block; +} diff --git a/web/css/detail-overlay.css b/web/css/detail-overlay.css new file mode 100644 index 0000000..d56d975 --- /dev/null +++ b/web/css/detail-overlay.css @@ -0,0 +1,133 @@ +/* overlay */ + +#detail { + border: 1px solid #444; + background-color: #DDD; + height: 100%; +} +#detail.hidden { + display: none; +} + +#detail form { + height: 80%; +} + +#detail .yui3-widget-hd { + background: url("http://yui.yahooapis.com/3.0.0/build/assets/skins/sam/sprite.png") repeat-x scroll 0 -1400px transparent; + line-height:1.4em; + padding: 5px; + text-align: center; + color: white; + font-weight: bold; +} +#detail .yui3-widget-bd { + margin: 5px; +} +#detail .yui3-widget-ft { + margin: 5px; +} +#detail .manualfixes .relations { + display: inline-block; + text-align: center; +} +#detail .manualfixes .comment { + display: inline-block; + text-align: center; + width: 100%; +} +#detail .options { + display: default; + text-align: right; +} +#detail .buttons { + text-align: right; + padding: 5px; +} +/* do not show change stuff in builder, only for evaluater */ +#detail .manualfixes { display: none; } +#detail .buttons .change { display: none; } + +#detail .l_lang, +#detail .lang { + color: #777; +} + +.resource-info { + height: 250px; + padding: 5px; + overflow-y: scroll; + border: 1px solid #888; + background-color: #FFF; +} +.resource-info .label { + font-size: 130%; +} +.resource-info .uri a { + font-size: 85%; +} +.resource-info .hd { + padding-top: 8px; +} +.resource-info .bd { + padding: 2px 4px; +} +.resource-info .definition, +.resource-info .scope .bd { + color: #666; + font-size: 90%; +} + +.resource-info ul { + margin: 0; + padding: 0 0 0 12px; +} +.resource-info li, +.resource-info li { + list-style: none; + padding: 2px 0; +} +.resource-info a { + color: #222; + text-decoration: none; +} +.resource-info a:hover { + text-decoration: underline; +} +.resource-info li.hit { + font-weight: bold; +} +.resource-info .moretoggle { + color: #666; + font-size: 90%; + cursor: pointer; +} +.resource-info .hidden { + display: none; +} + +.evidences { + overflow: auto; + border-width: 1px 0px 1px 0px; + border-style: solid; + border-color: #888; +} + +.evidence { + border-width: 0 1px 1px 1px; + border-style: solid; + border-color: #888; + background-color: white; +} +.evidence .method { + padding-left: 5px; +} +.evidence .source { + text-align: right; +} +.evidence .target { + text-align: left; +} +.evidence .source object, +.evidence .target object { +} diff --git a/web/css/infobox.css b/web/css/infobox.css new file mode 100644 index 0000000..240c9fa --- /dev/null +++ b/web/css/infobox.css @@ -0,0 +1,35 @@ +/* infobox */ +#info { +} +#info .loading { + padding: 20px 0; + background: url("loading.gif") no-repeat 50% 50%; +} +#info .hidden { + display: none; +} +#infocontent, +#info .loading { + border-top: 1px solid #CCC; + border-bottom: 1px solid #CCC; + overflow-y: auto; + max-height: 60ex; +} +#info .parameters { + border-top: 1px solid #CCC; + margin-top: 5px; + padding-top: 5px; +} +#details td { + padding-bottom: 4px; +} + +/* select */ +#select li { + list-style: disc inside; +} + +/* align */ +#inputselect { + padding: 5px 10px; +} diff --git a/web/css/mappingtable.css b/web/css/mappingtable.css new file mode 100644 index 0000000..f72220e --- /dev/null +++ b/web/css/mappingtable.css @@ -0,0 +1,42 @@ +/* mapping table */ +#mappingtable.hidden { + display: none; +} +#mappingtable .table.hidden, +#mappingtable .loading.hidden { + display:none; +} +#mappingtable .loading { + padding: 20px 0; + background: url("loading.gif") no-repeat 50% 50%; +} +.yui3-datatable { + margin: 0; +} +.yui3-datatable table { + width: 100%; +} +.yui3-datatable caption { + display: none; +} +.yui3-datatable th { + text-align: center; +} +.yui3-datatable td { + cursor: pointer; + vertical-align: top; +} +.yui3-datatable-selected { + color: #3875D7; + background-color: white; /* background does not seem to work in new datatable */ +} +.yui3-datatable td:first-child, +.yui3-datatable td:last-child { + width: 40%; +} +.yui3-datatable td .relation { + text-align: center; +} +.paginator { + text-align: center; +} diff --git a/web/css/strategy_viz.css b/web/css/strategy_viz.css new file mode 100644 index 0000000..6d84413 --- /dev/null +++ b/web/css/strategy_viz.css @@ -0,0 +1,20 @@ +/* strategy graph */ +.yui3-strategy_viz { + padding: 5px 5px 15px; +} +.yui3-strategy_viz .edge text { + font-size: 11px; +} +.yui3-strategy_viz .selected text { + font-weight: bold; +} +.yui3-strategy_viz .info, +.yui3-strategy_viz .selected .info { + font-weight: normal; + font-size: 9px; +} +.yui3-strategy_viz .selected ellipse, +.yui3-strategy_viz .selected polygon { + /*fill: #DBEAFF;*/ + stroke-width: 3px; +}