X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=root%2Fcss%2Fstyle.css;h=83f7517901d0d94d5013ff88d3b138b3b07ec119;hb=db23422016121c37eda553a795d409093f401b2e;hp=15b3ffb274cab6c02762264228e248d6c329d3bf;hpb=ea39d630fa8c1b151593464f5e44a9c96c6103ef;p=scpubgit%2Fstemmaweb.git diff --git a/root/css/style.css b/root/css/style.css index 15b3ffb..83f7517 100644 --- a/root/css/style.css +++ b/root/css/style.css @@ -5,6 +5,8 @@ body { font: 1em Arial, Helvetica, sans-serif; font-size: 85%; color: #666; + background: transparent url('../images/logo_001.png') no-repeat scroll -200px -100px; + background-size: 600px; } h1 { border-bottom: 1px solid #488dd2; @@ -60,17 +62,28 @@ div.pager_left_button { width: 28px; height: 28px; float: left; - background: transparent url('../images/button_left_28.png') no-repeat; + background: transparent url('../images/button_left_28.png') no-repeat left bottom; } -div.pager_left_button:hover, div.pager_right_button:hover { - opacity: 0.8; +div.pager_left_button:hover { + background: transparent url('../images/button_left_28.png') no-repeat center bottom; +} +div.pager_right_button:hover { + background: transparent url('../images/button_right_28.png') no-repeat center bottom; } div.pager_right_button { width: 28px; height: 28px; float: left; margin-left: 10px; - background: transparent url('../images/button_right_28.png') no-repeat; + background: transparent url('../images/button_right_28.png') no-repeat left bottom; +} +div.pager_right_button.greyed_out, div.pager_right_button.greyed_out:hover { + opacity: 0.5; + background: url("../images/button_right_28.png") no-repeat scroll right bottom transparent; +} +div.pager_left_button.greyed_out, div.pager_left_button.greyed_out:hover { + opacity: 0.5; + background: url("../images/button_left_28.png") no-repeat scroll right bottom transparent; } #topbanner { width: 100%; @@ -90,6 +103,7 @@ div.pager_right_button { /* Index page components */ #directory_container { + background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75); float: left; width: 300px; height: 450px; @@ -132,9 +146,10 @@ div.pager_right_button { padding-left: 50px; } #textinfo_container { + background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75); border: 1px solid #C6DCF1; float: left; - height: 500px; + height: 510px; width: 710px; margin-left: 10px; padding-left: 10px; @@ -155,14 +170,28 @@ div.pager_right_button { #stemma_graph img { margin-top: expression(( 450 - this.height ) / 2); } +#stemma_graph svg { +} +#stemma_graph_title { + bottom: 20px; + margin-left: 5px; + position: relative; +} +#stemma_identifier { + color: #488dd2; + font-size: 12px; + font-weight: bold; +} #textinfo_container_buttons { + z-index: 100; + width: 224px; float: right; left: -18px; position: relative; top: 15px; } -#run_stexaminer, #run_relater, #open_stemma_add, #open_stemma_edit { - height: 18px; +#run_stexaminer, #run_relater, #open_stemma_add, #open_stemma_edit, #open_stemweb_ui { + height: 32px; } #stemma_pager { height: 38px; @@ -192,3 +221,22 @@ div.pager_right_button { font-weight: bold; color: #ff3333; } +.notification { + font-weight: bold; + color: #33ff33; +} +#new_file { + position: absolute; + top: -50px; + opacity: 0.0; +} +#new_file_name { + font-weight: bold; +} +#new_name, #new_lang, #new_public, #new_file_name_container { + margin-bottom: 6px; +} +#new_file_label { + float: left; + padding-right: 8px; +} \ No newline at end of file