project/css/style.css

   1 * {
   2     margin: 0px;
   3     padding: 0px;
   4 }
   5
   6 body {
   7     overflow: hidden;
   8     -webkit-user-select: none;
   9 }
  10
  11 #fileList {
  12     margin: 0;
  13 }
  14
  15 #mainTitle {
  16     width: 210px;
  17 }
  18
  19 #fileList > li {
  20     padding-top: 0.3rem;
  21     padding-bottom: 0.3rem;
  22     border-top: solid 1px #ddd;
  23 }
  24
  25 #fileList > li > span.nodename {
  26     display: inline-block;
  27     position: absolute;
  28     line-height: 32px;
  29     white-space: pre;
  30     text-overflow: ellipsis;
  31     width: 75%;
  32     overflow: hidden;
  33     margin-top: 5px;
  34     height: 32px;
  35 }
  36
  37 #fileList > li.gradientBackground > span.nodename {
  38     color: #fff !important;
  39 }
  40
  41 #fileList > li.file img {
  42     width: 32px;
  43     height: 32px;
  44     padding-top: 5px;
  45 }
  46
  47 #fileList > li.folder img {
  48     margin-top: 0.1rem;
  49 }
  50
  51 #fileList > li.levelUp {
  52     padding-left: 47px !important;
  53     height: 32px;
  54 }
  55
  56 .selectAll {
  57     padding-left: 6px;
  58     display: inline-block;
  59 }
  60
  61 .selectAll span.ui-btn-text {
  62     line-height: 40px;
  63 }
  64
  65 #navbar {
  66     height: 16px;
  67     padding: 2px 10px;
  68     font-size: 14px;
  69     white-space: nowrap;
  70     overflow: hidden;
  71     text-overflow: ellipsis;
  72     background-color: rgba(255, 255, 255, 0.5);
  73     border-top: solid 1px #DDD;
  74     text-align: left;
  75 }
  76
  77 .ui-pathDiv {
  78     position: absolute;
  79     top: 49px;
  80     left: 0px;
  81     right: 0px;
  82     bottom: 0px;
  83 }
  84
  85 #pathDiv {
  86     padding: 2px 0px 0px 5px;
  87     border: 0px;
  88 }
  89
  90 #pathDiv .ui-li-text-main {
  91     font-size: 18px;
  92 }
  93
  94 #morePopup td.text a {
  95     color:#FFF;
  96     text-decoration:none;
  97 }
  98
  99 #morePopup td.text {
 100     padding: 5px;
 101 }
 102 #morePopup {
 103     margin: 2px;
 104 }
 105 #alertPopup .text {
 106     text-align:left;
 107     padding:20px;
 108     min-height: 100px !important;
 109 }
 110
 111 #alertPopup .alertPopup-button {
 112     padding-bottom: 10px;
 113 }
 114
 115 #confirmPopup .text {
 116     text-align:left;
 117     padding:20px;
 118     font-size: 18px;
 119 }
 120
 121 .ui-header.ui-bar-s .ui-btn.standard {
 122     width: 100%;
 123     height: 100%;
 124 }
 125
 126 #homeBtn,
 127 #levelUpBtn {
 128     top:0px;
 129 }
 130
 131 .ui-li-1line-bigicon1.ui-li.ui-li-static.ui-body-s.ui-li-has-thumb {
 132     padding-left: 0.7rem;
 133     padding-right: 0rem;
 134 }
 135
 136 .my-ui-checkbox {
 137     display: inline-block;
 138     margin-top: 0rem;
 139     margin-right: 0rem;
 140     position: relative !important;
 141     top: -0.7rem;
 142     left: -1.5rem;
 143 }
 144
 145 ul.ui-listview > li.ui-li-1line-bigicon1 img.ui-li-bigicon {
 146     display: inline-block;
 147     margin-top: 0rem;
 148     margin-right: 0.7rem;
 149     position: relative;
 150     left: 5px;
 151 }
 152
 153 .ui-checkbox .ui-btn.ui-btn-icon-left .ui-btn-inner {
 154     line-height: 1.1rem;
 155     padding: 0 5 0 0rem;
 156     width: 30px;
 157 }
 158
 159 .ui-checkbox .ui-btn.ui-btn-icon-left .ui-btn-inner.ui-btn-hastxt {
 160     width: 100%;
 161 }
 162
 163 .ui-btn-corner-all {
 164     -webkit-border-radius: 0px;
 165     bordert-radius: 0px;
 166 }
 167
 168 .ui-content.ui-scrollview-clip > div.ui-scrollview-view {
 169     padding: 0px;
 170 }
 171
 172 input.ui-input-text.new_folder {
 173     width: 100%;
 174     height: 50px;
 175     padding: 0 0 0 .4em;
 176 }
 177
 178 .gradientBackground {
 179     background: -webkit-linear-gradient(top, #5A99BA 0%, #205473 100%) !important; /* from tizen-white */
 180 }
 181
 182 .hidden {
 183     display: none !important;
 184 }
 185
 186 .vhidden {
 187     visibility: hidden !important;
 188 }
 189
 190 .ui-tabbar a {
 191     color: #999 !important;
 192 }
 193
 194 #newFolderName {
 195     box-sizing: border-box;
 196     width: 100%;
 197 }
 198
 199 .ui-header.ui-bar-s > .ui-btn {
 200     width: 2rem;
 201 }
 202 /** workaround to prevent hiding footer
 203 caused by broken softkeyboardupdate event**/
 204 [data-role='footer'] {
 205     display: block !important;
 206 }
 207
 208 .ui-ctxpopup .horizontal a.ui-link {
 209     display: block;
 210 }
 211
 212 .ui-footer .ui-btn-text {
 213     text-transform: uppercase;
 214 }
 215
 216 .ui-tabbar:not(.ui-tabbar-persist) a.ui-btn-active .ui-btn-text,
 217 .ui-tabbar:not(.ui-tabbar-persist) .ui-btn-show-style .ui-btn-text {
 218     border:none;
 219 }
 220
 221 #overlay {
 222     background-color: rgba(0, 0, 0, 0.5);
 223     width: 100%;
 224     height: 100%;
 225     position: absolute;
 226     left: 0px;
 227     top: 0px;
 228     z-index: 9000;
 229     display: none;
 230 }
 231
 232 #infoPopup {
 233     background-color: #fff;
 234     height: 130px;
 235     padding: 15px 0px;
 236     position: absolute;
 237     text-align: center;
 238     box-shadow: 0px 0px 20px #444;
 239     border-radius: 5px;
 240 }
 241
 242 #infoPopup img {
 243     -webkit-animation: rotation 2s infinite linear;
 244 }
 245
 246 @-webkit-keyframes rotation {
 247     from {-webkit-transform: rotate(0deg);}
 248     to {-webkit-transform: rotate(359deg);}
 249 }
 250
 251 .white-space-pre {
 252     white-space: pre !important;
 253 }
 254
 255 #alertPopup p:first-letter {
 256     text-transform: uppercase;
 257 }