X-Git-Url: http://git.shadowcat.co.uk/gitweb/gitweb.cgi?a=blobdiff_plain;f=root%2Fcss%2Fstyle.css;h=5d55a48c796df42296c09803ea56c37251454187;hb=e4bdf6606498d358c80e45b8cee69250b3bee6d3;hp=2296022c0cd94cce7fe678e88505ff7eb5dd2a8a;hpb=0b4231b3ce59dc8e1974dc63d7e85a32d340a08d;p=scpubgit%2Fstemmaweb.git diff --git a/root/css/style.css b/root/css/style.css index 2296022..5d55a48 100644 --- a/root/css/style.css +++ b/root/css/style.css @@ -1,11 +1,32 @@ /* General site-wide layout */ body { margin: 0; - padding: 20px; - font: 1em Arial, Helvetica, sans-serif; + font: 1em "Open Sans", Arial, Helvetica, sans-serif; font-size: 85%; - color: #666; -} + background: #EDF1FA; + color: #444; +} +.clearfix:after { + content: "\00A0"; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +.clearfix{ + display: inline-block; +} +html[xmlns] .clearfix { + display: block; +} +* html .clearfix{ + height: 1%; +} +.clearfix { + display: block +} + h1 { border-bottom: 1px solid #488dd2; color: #488dd2; @@ -83,141 +104,43 @@ 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; } +#main_page { + background: transparent url('../images/logo_001.png') no-repeat scroll -200px -100px; + background-size: 600px; + background-color: #ffffff; + box-shadow: 0 3px 10px rgba(100, 100, 100, 0.3); + width: 1124px; + padding-bottom: 30px; + margin: 48px auto 48px; +} #topbanner { - width: 100%; + padding: 30px; } #bannerinfo { float: right; margin-right: 12%; margin-top: 15px; } -.navlink { - color: #488dd2; - text-decoration: underline; -} - - - -/* Index page components */ - -#directory_container { - float: left; - width: 300px; - height: 450px; - border: 1px #c6dcf1 solid; - padding-left: 10px; - padding-right: 10px; -} -#loading_message { - display: none; -} -#directory { - height: 360px; - margin-left: 10px; - overflow: auto; -} -#new_trad_button { - margin-left: 10px; - position: relative; - top: 10px; -} -.traditionname { - text-decoration: underline; -} -.selected { - font-style: italic; +#docco { + padding: 30px; } .mainnav { - position: absolute; - top: 10px; - right: 22px; font-size: 14px; font-weight: 100; - color: #488dd2; -} -.mainnav a { - color: #488dd2; -} -#textinfo_waitbox { - float: left; - padding-left: 50px; -} -#textinfo_container { - border: 1px solid #C6DCF1; - float: left; - height: 510px; - width: 710px; - margin-left: 10px; - padding-left: 10px; - padding-right: 10px; -} -#edit_instructions { - float: left; -} -#stemma_container h2 h3 { - color: #666; -} -#stemma_graph { - height: 375px; - width: 500px; - text-align: center; - border: 1px #c6dcf1 solid; -} -#stemma_graph img { - margin-top: expression(( 450 - this.height ) / 2); -} -#stemma_graph svg { - z-index: -100; -} -#textinfo_container_buttons { - float: right; - left: -18px; - position: relative; - top: 15px; -} -#run_stexaminer, #run_relater, #open_stemma_add, #open_stemma_edit { - height: 32px; -} -#stemma_pager { - height: 38px; -} -#open_textinfo_edit { - float: right; - height: 30px; - position: relative; - top: -34px; - left: -8px; -} -#upload-collation-dialog { - overflow: hidden; -} -.uploadfile { - font-weight: bold; -} -#uploadfile_label { - font-weight: normal; + background-color: #488dd2; + color: #ffffff; + padding: 5px; + float: right; } -#filelist { - position: relative; - top: 10px; - margin-bottom: 24px; +.navlink { + color: #ffffff; + text-decoration: underline; } .error { font-weight: bold; color: #ff3333; } -#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; +.notification { + font-weight: bold; + color: #33ff33; } -#new_file_label { - float: left; - padding-right: 8px; -} \ No newline at end of file