taxr/taxr.css

/*
taxr.css
Provided CSS styles for Homewowrk 5: Taxr
INFO 343, Autumn 2012
Morgan Doocy
*/

body {
   font: 90%/1.2 "Lucida Grande", serif;
}

#page {
   width: 1000px;
   margin: 0 auto;
}

header {
   text-align: center;
}

header p:nth-child(2) {
   font-size: 80%;
   margin: 0 0 2.5em;
}

#slider {
   margin: 1em 0 0 0;
   padding: 0;
   display: block;
   position: relative;
   list-style-type: none;
   background-image: none;
   background-color: rgba(238, 238, 238, .3);
/*   background-color: transparent;*/
   border-color: #777;
}

#slider li {
   position: absolute;
   padding: 0;
   margin: 0;
   bottom: 0;
   background-color: #eee;
   z-index: -5;
/*   opacity: .5;*/
}

#slider a #loading {
   left: 50%;
   margin-top: .6667em;
   margin-left: -8px; /* = 16px wide ÷ 2 */
}

#slider li label,
#slider #curyear {
   position: absolute;
   width: 3em;
   text-align: center;
/*   background-color: fuchsia;*/
   left: 50%;
   margin-left: -1.5em;
}

#slider li label {
   bottom: -2em;
   font-size: 65%;
   color: gray;
}

#slider #curyear {
   font-size: 80%;
   top: -1.5em;
}

#slider li hr {
   position: absolute;
   bottom: 0;
   height: .3em;
   width: 0px;
   border: none;
   border-left: solid 1px #777;
/*   margin-left: -1px;*/
   left: 50%;
   background-color: fuchsia;
}

#slider li.dem {
   background-color: lightblue;
}

#slider li.rep {
   background-color: pink;
}

h1 {
   font-size: 222%;
   font-family: "Engravers MT";
   margin: 0;
}

h1::after {
   content: '.';
}

header input {
/*   vertical-align: 15%;*/
}

#filing_statuses {
   margin-top: 2em;
   position: relative;
/*   background-color: fuchsia;*/
   height: 500px;
}

#filing_statuses dt {
   float: left;
   clear: left;
   height: 100px;
/*   line-height: 100px;*/
/*   background-color: lightblue;*/
   text-align: right;
   width: 7em;
   margin-left: -8em;
   margin-bottom: 25px;
}

#filing_statuses dd {
   margin: 0 0 25px 0;
   padding: 0;
   width: 100%;
   height: 100px;
/*   background-color: green;*/
}

#filing_statuses ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   width: 100%;
   height: 100%;
   position: relative;
   background-color: #eee;
}

#filing_statuses ul li {
   margin: 0;
   padding: 0;
   position: absolute;
   background-color: lightgreen;
   bottom: 0;
   margin: -1px;
   border: solid 1px green;
}

#filing_statuses ul li label {
   font-size: 50%;
   position: absolute;
   left: 0;
   width: 3em;
   text-align: center;
   margin-left: -1.5em;
}

#filing_statuses ul li label.rate {
   top: -2em;
}

#filing_statuses ul li label.from {
   bottom: -2em;
}

#filing_statuses ul li:hover label {
   color: red;
   font-size: 60%;
}

#filing_statuses ul li:last-child {
   margin-right: 5em;
}

#loading {
   position: absolute;
   z-index: 15;
/*   margin-left: -8px;
   margin-top: -5px;
*/   top: 1.5em;
}

.ui-slider-horizontal {
   height: .3em;
}

.over {
   background-color: lightblue !important;
   border-color: blue !important;
}

.ui-slider-handle {
   top: -.6em !important;
   width: .6em !important;
   margin-left: -.3em !important;
}

#details {
   font-size: 70%;
   position: absolute;
   display: none;
   border: solid 1px blue;
   background-color: lightblue;
   z-index: 11;
   padding: .25em .5em;
   white-space: nowrap;
}

#details p {
   margin: 0;
}