css/style.css

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