/* -*- coding: latin-1 -*- */

/*
  bubble_sort.css

  (c) Olivier Pirson --- http://www.opimedia.be/ --- olivier_pirson_opi@yahoo.fr
  Débuté le 2 mai 2012
  14 mai 2012
*/

#bubble_sort { background-color: #f0f0f0; }

    #bubble_sort input[type="text"] {
        text-align: right;
        width: 4ex;
    }

    #bubble_sort input#bubble_sort_diagram_width { width: 3ex; }


    #bubble_sort .panel { padding-right: 1ex; }

        #bubble_sort .panel textarea {
            font-family: monospace;
            font-size: smaller;

            width: 100%;
        }

        #bubble_sort .panel #bubble_sort_string_case_panel,
        #bubble_sort .panel #bubble_sort_type_number_diagram_by_values_panel {
            visibility: hidden;
        }


        #bubble_sort .result {}

            #bubble_sort .result div#bubble_sort_diagram {
                display: none;
                margin-top: 1ex;
            }

                #bubble_sort .result div#bubble_sort_diagram div.container {
                    border: solid 1px black;
                    display: inline-block;
                }

                    #bubble_sort .result div#bubble_sort_diagram div.container div.indicator {
                        background-color: black;

                        border: none 0px;
                        border-top: solid 1px black;

                        height: 5px;
                    }


            #bubble_sort .result table {
                border-collapse: collapse;
                display: none;
                margin-right: 1ex;
            }

                #bubble_sort .result table tbody#bubble_sort_result tr td {
                    border: solid 1px black;
                    padding: 0px .5ex;
                    text-align: right;
                }

                #bubble_sort .result table tbody#bubble_sort_result tr td.liste {
                    font-family: monospace;
                    font-size: smaller;

                    min-width: 15em;
                    text-align: left;
                }

                #bubble_sort .result table tbody#bubble_sort_result tr td.sep,
                #bubble_sort .result table thead tr td.sep {
                    background-color: black;
                    border: solid 1px black;
                    padding: 0px;
                    width: 5px;
                }


                #bubble_sort .result table thead tr th {
                    border: solid 1px black;
                    padding: 0px .5ex;
                    text-align: left;
                }


            #bubble_sort .result #bubble_sort_copy { display: none; }