web-ui-fw/0.0.2/0.0.2_Common/original/css/car/components/library/library.css

   1 .library {
   2         position: absolute;
   3         left: 720px;
   4         top: 0;
   5         width: 720px;
   6         min-height: 1280px;
   7         z-index: 100;
   8         -webkit-transition: 1s;
   9 }
  10
  11 .libraryLeftPanel {
  12         position: absolute;
  13         top: 0;
  14         left: 0;
  15         width: 100px;
  16         min-height: 1280px;
  17         height: 100%;
  18         background-repeat: no-repeat;
  19         background-position: left top;
  20 }
  21
  22 .libraryLeftControl {
  23         margin-top: 164px;
  24         width: 100px;
  25         cursor: pointer;
  26 }
  27
  28 .gridIcon {
  29         width: 100px;
  30         height: 110px;
  31         background-repeat: no-repeat;
  32         background-position: left top;
  33 }
  34
  35 .listIcon {
  36         width: 100px;
  37         height: 110px;
  38         background-repeat: no-repeat;
  39         background-position: left top;
  40 }
  41
  42 .searchIcon {
  43         width: 100px;
  44         height: 110px;
  45         background-repeat: no-repeat;
  46         background-position: left top;
  47 }
  48
  49
  50 .libraryTopPanel {
  51         margin: 0;
  52         padding: 0;
  53         margin-left: 50px;
  54         height: 110px;
  55         background-repeat: no-repeat;
  56         background-position: left top;
  57         z-index: 1;
  58         overflow: hidden;
  59 }
  60
  61 .libraryTopPanel .libraryTopPanelTitle {
  62         position: absolute;
  63         left: 57px;
  64         top: 19px;
  65         font-size: 0;
  66 }
  67
  68 .closeLibraryButton {
  69         position: absolute;
  70         top: 25px;
  71         right: 25px;
  72         background-repeat: no-repeat;
  73         background-position: left top;
  74         width: 42px;
  75         height: 42px;
  76         z-index: 1;
  77 }
  78
  79 .closeLibraryButton:active {
  80         position: absolute;
  81         top: 26px;
  82 }
  83
  84 .libraryTabs {
  85         position: absolute;
  86         left: 40px;
  87         font-size: 0;
  88         overflow-y: hidden;
  89         overflow-x: scroll;
  90         white-space: nowrap;
  91         width: 550px;
  92         height: 100%;
  93         bottom: -10px;
  94         padding-bottom: 10px;
  95 }
  96
  97 .tabsWrapper {
  98         position: absolute;
  99         font-size: 0;
 100         /*overflow: auto;*/
 101         height: 100%;
 102 }
 103
 104 .libraryTab {
 105         float: left;
 106         padding-top: 33px;
 107         padding-left: 15px;
 108         padding-right: 15px;
 109         height: 77px;
 110         max-width: 220px;
 111         overflow: hidden;
 112         white-space: nowrap;
 113         cursor: pointer;
 114         background-repeat: repeat-x;
 115         background-position: center top;
 116         text-transform: uppercase;
 117 }
 118
 119 .libraryTabSelected {
 120         background-repeat: no-repeat;
 121 }
 122
 123 .libraryTabClear {
 124         display: inline-block;
 125         height: 110px;
 126         width: 130px;
 127         background-repeat: repeat-x;
 128         background-position: center top;
 129         position: absolute;
 130         top: 0;
 131         left: 640px;
 132 }
 133
 134 .libraryTabInlineClear {
 135         display: inline-block;
 136         height: 110px;
 137         max-width: 630px;
 138         background-repeat: repeat-x;
 139         background-position: center top;
 140 }
 141
 142 .libraryTopSubPanel {
 143         margin-top: -20px;
 144         left: 76px;
 145         padding-top: 20px;
 146         height: 60px;
 147         width: 645px;
 148         margin-bottom: 20px;
 149         z-index: 0;
 150         text-transform: uppercase;
 151 }
 152
 153 .closeLibrarySubPanelButton {
 154         height: 43px;
 155         background-repeat: no-repeat;
 156         background-position: left top;
 157         text-align: right;
 158         padding: 0 15px 0 35px;
 159         line-height: 43px !important;
 160         display: block;
 161         margin-left: 20px;
 162         /*vertical-align: top;*/
 163         cursor: pointer;
 164         text-transform: uppercase;
 165         position: absolute;
 166         top: 20px;
 167 }
 168
 169 .closeLibrarySubPanelButton:active {
 170         top: 21px;
 171 }
 172
 173 .libraryTopSubPanel .subPanelArea {
 174         margin-top: -2px;
 175         margin-left: 150px;
 176         /*vertical-align: top;*/
 177         display: block;
 178         line-height: 0;
 179         max-width: 470px;
 180         overflow: hidden;
 181         position: absolute;
 182 }
 183
 184 .libraryContent {
 185         margin-left: 90px;
 186         margin-right: 50px;
 187         overflow-x: hidden;
 188         overflow-y: auto;
 189         /*-webkit-overflow-scrolling: touch;*/
 190 }