MiraitSystems/enju_trunk

View on GitHub
app/assets/stylesheets/enju.css

Summary

Maintainability
Test Coverage
body{
  //margin-left: 5px;
  //margin-right: 5px;
  text-align: left;
  margin-left: 100px;
  margin-right: 100px;
  border-collapse: collapse;
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}

pre {
  white-space: pre;           /* CSS 2.0 */
  white-space: pre-wrap;      /* CSS 2.1 */
  white-space: pre-line;      /* CSS 3.0 */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap;  /* HP Printers */
  word-wrap: break-word;      /* IE 5+ */
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}

input,
button,
select,
textarea {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}

.navbar-search .search-query {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}

a.hover{:background-color: transparent}

strong{
  font-weight: bold;
}

div#narrow_search, div#narrow_library_search{
  margin-top: 1em;
}
.line0{
  background: #d7ebf9;
}
.line1{
  background: white;
}
.overdue{
  color: red;
}
.duedate_is_today{
  color: blue;
}
.in_checkout{
  color: black;
}

div#navibar, div#bd{
  padding-left: 1px;
}

div#navibar{
  clear: both;
  width: 100%;
}

div#content{
  padding-top: 8px;
  padding-left: 4px;
  padding-right: 4px;
  clear: both;
  margin-right: 210px;
  min-width: 760px;
}

div#search_category_content{
  padding-top: 8px;
  padding-left: 4px;
  padding-right: 4px;
  clear: both;
  min-width: 760px;
}

.category_block{
  width: 33%;
  min-width: 200px; 
  margin: 5px;
}

div.header_and_footer{
  padding: 2px;
  clear: both;
}

div#header_left{
  width: 400px;
  height: 65px;
  float: left;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
}

div#library_system_name{
  width: 400px;
  height: 30px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
}

div#header_micro_advertisement{
  width: 400px;
  height: 35px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

div#header_advertisement{
  width: 240px;
  height: 65px;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

div#header_select_locale{
  width: 120px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  display: inline-block;
}

div#header_right{
  width: auto;
  float: right;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

div#header_manual{
  padding-left: 5px;
}

div#search_footer{
  clear: both;
}

div#submenu_block{
  float: right;
  margin-right: -200px;
  width: 190px;
}

div.submenu_block_inner{
  width: 190px;
  padding: 5px;
  border: 1px solid #5970B2;
}

div#submenu{
  width: 190px;
  padding: 5px;
  float: right;
  border: 1px solid #5970B2;
  margin-right: -210px;
}

div#facet_menu{
  width: 190px;
  float: left;
}

div#social_bookmark{
  margin-top: 5px;
  clear: left;
}

div#submenu_2{
  margin-top: 5px;
  clear: right;
}


div#manifestation_book_jacket{
  margin-top: 10px;
  text-align: center;
}

div#pickup_book_jacket{
  width: 150px;
  float: left;
  text-align: center;
}

img.book_jacket{
  border: 1px solid;
}

img.screen_shot{
  border: 0;
}

div#manifestation_bookmark_buttons{
  clear: both;
  margin-top: 1em;
}

div#content_detail{
  float: left;
  margin-bottom: 5px;
  border: 1px solid #5970B2;
  width: 100%;
  min-width: 750px;
}

div#search_result{
  float: right;
  margin-bottom: 5px;
  width: 100%;
  min-width: 750px;
  margin-right: -210px;
}

div#content_list{
  padding: 10px;
  word-wrap: break-word;
}

div#content_list_search_result{
  padding: 0px;
  word-wrap: break-word;
}

div#manifestation_footer{
  margin-top: 1em;
  clear: both;
}

div#left_pane{
  float: left;
  width: 456px;
  word-break: break-all;
}

div#right_pane{
  float: left;
  margin-left: 10px;
  width: 456px;
  word-break: break-all;
}

div#left_pane_detail{
  margin-top: 5px;
  float: left;
  //width: 330px;
  word-break: break-all;
}

div#right_pane_detail{
  margin-top: 5px;
  float: left;
  margin-left: 10px;
  //width: 330px;
  word-break: break-all;
}

div#footer{
  padding-top: 5px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 5px;
  clear: both;
}

div#display_form{
  padding-top: 1em;
  padding-bottom: 1em;
}

h1{
  font-size: 180%;
  margin-top: 5px;
  margin-bottom: 10px;
  line-height: 120%;
}

h2{
  font-size: 160%;
  margin-top: 5px;
  margin-bottom: 10px;
}

h2#classification_title{
  font-size: 160%;
  margin-top: 20px;
  margin-bottom: 10px;
}

h1.resource_title{
  line-height: 140%;
}

h2.resource_title{
  line-height: 140%;
}

h3{
  font-size: 150%;
  margin-top: 5px;
  margin-bottom: 10px;
}

h4{
  font-size: 120%;
  margin-top: 5px;
  margin-bottom: 10px;
}

h4.category_title{
  font-size: 120%;
  margin-top: 5px;
  margin-bottom: 15px;
}

h1.title, h2.title, h3.title, h4.title{
  color: white;
  background-color: #5970B2;
  padding: 5px;
  margin: 0px;
}

a.title { color: white; }
a.title:hover { color: white; }
a.title:visited { color: white; }

#facet_menu h4.title {
  text-align: center;
  border-radius: 30px;
  margin: 0px;
}

#facet_menu h4, #facet_menu ul {
  margin: 5px;
}

.bigger_font{
  font-size: 120%;
  font-weight: bold;
}

form{
  padding: 0;
}

table{
  border: 1px solid #2779aa;
}

table#category_list{
  border: none;
  table-layout: fixed;
  width: 100%;
  border-spacing: 10px;
  border-collapse: separate;
}

table#bless, table#bless tr, table#bless tr td{
  border: none;
  cellpadding: 1px;
}

td, th{
  border: 1px solid #2779aa;
  padding: 5px;
  word-break: break-all
}

table#manifestation_list{
  width: 100%;
}

table.index{
  width: 100%;
}

div#search_form{
  padding-top: 10px;
}

div#general_search_form{
  clear: both;
  padding-left: 4px;
  padding-top: 10px;
}

table#manifestation_detail{
  width: 100%;
}

div#services{
  width: 920px;
}

div#bookmarks_for_manifestation{
  border: 1px solid #5970B2;
}

div#user_search_form, div#message_box, div#news_feed_box, div#user_box{
  padding: 10px;
}

div#picked_up_box{
  padding: 10px;
  word-wrap: break-word;
}

div#tag_cloud_box{
  padding: 10px;
  word-wrap: break-word;
}

div#tag_cloud_list{
  word-wrap: break-word;
}

div.config_box{
  padding: 10px;
}

img{
  border: 0;
}

div#tabview{
  margin-top: 1em;
}

div#call_number_content{
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  margin-top: 1em;
  margin-bottom: 1em;
}

div#call_number_content_left{
  float: left;
  width: 20px;
}

div#call_number_content_right{
  float: left;
  width: 20px;
}

table#call_number_label{
  border: solid 1px green;
}

.call_number_table{
  margin-left: auto;
  margin-right: auto;
  border: 0;
}

.call_number_label{
  border: solid 1px green;
  width: 50px;
  padding: 0px;
  text-align: center;
}

li{
  line-height: 2em;
}

input.resource_title{
  width: 30em;
}

input.resource_locale{
  width: 10em;
}

input.resource_email{
  width: 20em;
  ime-mode: disabled;
}

input.resource_zip_code{
  width: 15em;
}

input.resource_url{
  width: 40em;
}

input.resource_isbn_issn, input.resource_item_identifier, input.resource_user{
  width: 130px;
  ime-mode: disabled;
}

input.resource_user_number{
  width: 195px;
  ime-mode: disabled;
}

input.resource_integer{
  width: 130px;
  ime-mode: disabled;
}

input.year_field, input.month_field, input.day_field{
  width: 5em;
  ime-mode: disabled;
}

input.date_field{
  width: 195px;
  ime-mode: disabled;
}

input.date_text_field{
  width: 80px;
}

input.wide_date_text_field{
  width: 160px;
}

input.short_name{
  ime-mode: disabled;
}

textarea{
  width: 40em;
  height: 10em;
}

p#post_to_twitter{
  margin-left: 10px;
}

input.twitter_text{
  width:40em;
}

textarea#message_body{
  width: 40em;
  height: 20em;
}

th.checked_item_title{
  width: 400px;
}

.error_message{
  color: red;
}

div.holding_index{
  margin-top: 10px;
}

label{
  font-weight: bold;
}

input.editable_text_field{
  width: 100%;
}

form.inplaceeditor-form input[type="text"]{
  width: 100%;
}

form.inplaceeditor-form textarea{
  width: 100%;
}

input.login_password{
  width: 180px;
  ime-mode: disabled;
}

input.search_form{
  width: 350px;
}

input.search_form_short{
  width: 250px;
}

th#position{
  width: 40px;
}

.highlight { background-color: yellow }

em{
  font-style: normal;
}

div#flash_alert, div#flash_error{
  color: red;
}

div#flash_notice{
  color: green;
}

td#edit_icons, th#edit_icons{
  width: 50px;
}

img.icon{
  border: 0;
}

#select_locale{
  display: none;
  z-index: 1;
  position: absolute;
  background-color: white;
  padding: 10px;
  border: 1px solid #5970B2;
  max-width: 250px;
}

#user_account{
  height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

li{
  margin-left: 20px;
}

p{
  line-height: 2em;
}

table#resource_detail{
  background-color: white;
  width: 100%;
}

div#holding{
  margin-top: 10px;
}

table.holding{
  background-color: white;
  width: 100%;
}

abbr[title="required"]{
  color: red;
}

div.book_jacket{
  text-align: center;
  width: 190px;
}
div#breadcrumb{
  padding: 10px;
  clear: both;
  position: relative;
  width: 700px;
}

table.container{
    border-color:black;
    overflow:auto;
}

tr{
    outline: none;
    cursor: default;
}
.active{
    /* 線 */
    border-left: solid 2px red;
    /* 色 */
    /* background-color:yellow !important; */
}

#classifications_back{
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 110%;
}

/* IE9 */
.ie9 .active{
    /* 線 */
    border-left: solid;
    border-left-style: 2px;
    /* 色 */
    border-left-color: red;
    /* background-color:yellow !important; */
}