tbdhotel.css

/*
   Copyright 2011-2012 Portland Transport

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
*/

body { font-family: Helvetica, sans; padding: 0; margin: 0; border: 0; 
       cursor: none}
.head-box { padding-right: 5px; padding-top: 5px; overflow: hidden }
.head-box div { overflow: hidden }
.head { font-size: 64pt; float: left}
.subhead { font-size: 28pt; float: left; text-transform: lowercase;
	   vertical-align: bottom; padding-left: 5px}
/* use overflow:hidden rather than a clearing div since floats are nested */
#qr-container { float: right; overflow: hidden }

/* align right so they aren't jumping about */
#qrcode, #qrcode-text { float: right }

.clear { clear: both }
.dimmed { color: #999999 }

/* white text, dark blue bg */
.bar { color: #ffffff; background-color: #3030ee; width: 100%; 
       padding-left: 0px; padding-right: 0px; margin-left: 0px;
       margin-right: 0px; border: 4px solid #10101ee; 
       margin-bottom: 0px; padding-bottom: 0; position: fixed; bottom: 0px}

.bar-location { font-weight: bold; margin-left: auto; margin-right:auto; 
		text-align: center; width:52%; border-left: 2px solid #ffffff; 
		border-right: 2px solid #ffffff; font-weight: bold}


.bar-temp { width: 15%; padding-left: 4px; padding-right: 8px;
	  text-align: left }

.bar-datetime { width: 20%; text-align: right; padding-left: 8px;
		padding-right: 4px }

.bar-icon { width: 5% }

/* 93% so it isn't swallowed by the info bar */
.attribution { width: 100%; height: 93%; display: none }

.slideshow ul { list-style: none;  padding-left: 0px; }

.photo { overflow: hidden; }
.photo a { cursor: none; }
.photo_attribution { position: absolute; right: 0px; top: 0px; 
		     background-color: #000044; color: #ffffff; 
		     border: 6px; link-style: none;
		     font-family: "Times New Roman", serif;
		     z-index: 10000 }

/* the way the slideshow works is that each image slideUp so the next 
   one is visible */
.slideshow { overflow: hidden }

.narrative-highlighted { color: #009900 }

/* the real time arrivals, in parens */
.rtarrivals { font-size: 65%; }

/* position is relative so that the attr will be positioned relative to the
   slide */
.slideshow ul li {
    margin-left: 0; margin-right: 0; border-left: 0; border-right: 0;
    padding-left: 0; padding-right:0; position: relative }

.slideshow ul { border: 0; margin: 0; padding: 0 }

.trip-time { margin-left: 0; margin-right: auto }
.trip-fare { position: absolute; right: 0 }

/* set some styles on the map */
.map-walk-color { color: #666666; opacity: 0.75 }
.map-transit-color { color: #9900ff; opacity: 1 }

#hidden { display: none }

/* don't use display: none to hide, see 
   http://www.quirksmode.org/css/displayimg.html 
   I don't think we'll see a hundred-thousand-pixel wide 
   image in the near future.
*/
#cache-force-area { position: fixed; left: -100000; }

/* slideshow stuff */
#nodestsshow .slide { position: fixed; top: 0; 
		      transform-origin: left top; 
		      -moz-transform-origin: left top; 
		      -webkit-transform-origin: left top; 
		      -o-transform-origin: left top; 
		      -ms-transform-origin: left top; 
		      display: none
		    }