contentflow.less revision 74a2719a220177ca332cfe25ef64178c56a5ac5b
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow{
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl position:relative;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl margin-top: 15px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl padding-bottom: 15px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .flow .item img.content {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl width: 100%;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .flow .item.active {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl cursor: pointer;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .scrollbar {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl width: 50%;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl margin: 0px auto;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl margin-top: 10px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl height: 16px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl background:#fff;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl border-radius: 8px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl border: 1px solid #ddd;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl border-top-color: #bbb;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl border-left-color: #bbb;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl position: relative;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl overflow: visible;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl margin-bottom: 15px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .scrollbar .slider:hover, .ContentFlow .scrollbar:hover .slider {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl background: #F44;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .scrollbar .slider {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl width: 16px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl height: 16px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl cursor: move;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl background: #E07676;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl border-radius: 8px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .mouseoverCheckElement {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl position: absolute;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl width: 0px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl height: 0px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl left: 0px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl visibility: hidden;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .flow .item {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl position: absolute;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl visibility: hidden;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl top: 0;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl left: 0;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .flow .item .content {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl display: block;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .flow .item div.content {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl width: 100%;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl height: 100%;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .flow .item .label {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl display: none;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .flow .item .reflection {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl display: block;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .scrollbar {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl position: relative; /* needed for z-index */
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl /* z-index: 1; /* set above flow */
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl visibility: hidden;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .scrollbar .slider {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl position: absolute;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl* html .ContentFlow .scrollbar .slider .virtualSlider {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl height: 100%;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .scrollbar .slider .position {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl position: absolute;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl text-align: center;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .loadIndicator {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl position: absolute;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl /*z-index: 65000; */
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .loadIndicator {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl width: 100%;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl height: 100%;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl top: 0;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl left: 0;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl.ContentFlow .loadIndicator .indicator {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl background: url(../../img/loader.gif) center center no-repeat;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl width: 100%;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl height: 100%;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl* html .ContentFlow .loadIndicator .indicator {
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl height: 100px;
8a0678903b06fbd3c9acf4f4cd137482e1dcd2aaMatthias Tristl}