Changeset 853
- Timestamp:
- Mar 30, 2015 2:26:32 PM (10 years ago)
- Location:
- pro-violet-viettel/www/deploy/20150304/assets/css
- Files:
-
- 1 added
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
pro-violet-viettel/www/deploy/20150304/assets/css/style2.css
r842 r853 2 2 Simple reset 3 3 --------------------------*/ 4 5 6 4 *{ 7 5 margin:0; … … 38 36 display: block; 39 37 } 40 41 42 /* --------------------------------Fix something from style.css ---------------------------*/43 44 /* Bootstrap modified */45 .dropdown-menu.dropdown-close {46 top: 100%;47 }48 #tools-bar .btn-success, .btn-success:focus,49 #tools-bar .btn-danger, .btn-danger:focus,50 #tools-bar .btn-warning, .btn-warning:focus,51 #tools-bar .btn-info, .btn-info:focus {52 background-color: transparent;53 border-color: transparent;54 }55 #tools-bar .btn, .btn-default, .btn:focus, .btn-default:focus, .btn:hover, .btn-default:hover {56 background-color: #F5F5F5!important;57 border-color: #F5F5F5;58 }59 /*.btn:hover, .btn-default:hover {60 border: 1px solid #666;61 border-width: 1px !important;62 border-radius: 100px !important;63 }*/64 #tools-bar .btn {65 color: #666 !important;66 }67 /* End Bootstrap */68 69 #navigation-bar {70 border-bottom: 1px solid #eee;71 padding: 10px 0;72 }73 .breadcrumb .home-icon {74 color: #9BB8A7;75 }76 @media only screen and (max-width: 991px) {77 .breadcrumb {78 margin-left: 10px;79 }80 }81 .change-file-view {82 padding-right: 10px;83 }84 .change-file-view li {85 cursor: pointer;86 color: #C4C4C4;87 font-size: 16px;88 }89 .change-file-view li:hover {90 color: #989797;91 }92 #file-container UL.vsgrid LI.vscell {93 height: 100px;94 }95 #file-container {96 height: calc(100% - 47px);97 }98 #status-bar {99 color: #666;100 background: #F5F5F5;101 padding: 3px 0 0 20px;102 border-top: 1px #CDCDCD solid;103 }104 #status-bar span:first-child {105 float: right;106 padding-right: 10px;107 }108 109 img[src=''], img:not([src]) {110 opacity:0;111 }112 .btn:focus {113 outline: none !important;114 }115 .preview .modal-content {116 background: transparent;117 border: 0;118 }119 .preview .modal-content .modal-body .bootbox-body {120 margin-top: 5px;121 }122 .preview button.bootbox-close-button {123 float: none;124 position: absolute;125 right: 0;126 font-size: 31px;127 font-weight: 700;128 line-height: 1;129 color: #FFF;130 text-shadow: 0 1px 0 #fff;131 border: 2px solid #FFFFFF;132 background: #000;133 border-radius: 50%;134 opacity: 1;135 z-index: 99;136 padding: 0 6px;137 }138 .preview button.bootbox-close-button:hover,139 .preview button.bootbox-close-button:focus {140 color: #fff;141 text-decoration: none;142 cursor: pointer;143 filter: alpha(opacity=100);144 opacity: 1;145 outline: 0;146 }147 .preview .modal-content .modal-footer {148 display: none;149 }150 /*------------ File Manager: Grid View ----- */151 #file-container ul.vsgrid li.vscell div[class^="icon-"] img {152 height: 100%;153 width: 100%;154 padding: 5px;155 }156 #file-container ul.vsgrid li.vscell div[class^="icon-"]:not([class="icon-directory"]) img:not([src]),157 #file-container ul.vsgrid li.vscell div[class^="icon-"]:not([class="icon-directory"]):empty {158 background-image: url(../images/file-icon-new.png);159 background-repeat: no-repeat;160 }161 162 /*------------ File Manager: List View ----- */163 .list-view#file-container > ul.vsgrid > li.vscell {164 height: auto;165 padding: 10px 2px;166 border-bottom: 1px solid #eee;167 text-align: left;168 float: none;169 width: 100%;170 }171 .list-view#file-container > ul.vsgrid > li.vscell:hover,172 .list-view#file-container > ul.vsgrid > li.vscell.selected {173 background: rgba(87, 199, 214, 0.07);174 }175 .list-view#file-container > ul.vsgrid > li.vscell.selected {176 background: #E3F2FF;177 }178 .list-view#file-container ul.vsgrid li.vscell.selected div[class^="icon-"],179 .list-view#file-container ul.vsgrid li.vscell.selected div.file-name {180 background-color: transparent;181 }182 .list-view#file-container > ul.vsgrid > li.vscell > div.icon-directory {183 background-size: cover;184 }185 .list-view#file-container > ul.vsgrid > li.vscell > div.file-name {186 padding: 5px 15px;187 text-align: left;188 }189 .list-view#file-container > ul.vsgrid > li.vscell > div.file-name a:hover{190 text-decoration: underline;191 }192 193 .list-view#file-container > ul.vsgrid > li.vscell > div[class^="icon-"] {194 width: 28px;195 height: 28px;196 float: left;197 background-size: cover;198 }199 200 38 201 39 /*---------------------------- … … 414 252 margin-top: 11px; 415 253 } 254 255 256 257 258 259 /* --------------------------------Fix something from style.css ---------------------------*/ 260 261 /* Bootstrap modified */ 262 .dropdown-menu.dropdown-close { 263 top: 100%; 264 } 265 #tools-bar .btn-success, #tools-bar .btn-success:focus, 266 #tools-bar .btn-danger, #tools-bar .btn-danger:focus, 267 #tools-bar .btn-warning, #tools-bar .btn-warning:focus, 268 #tools-bar .btn-info, #tools-bar .btn-info:focus { 269 background-color: transparent; 270 border-color: transparent; 271 } 272 #tools-bar .btn, 273 #tools-bar .btn-default, 274 #tools-bar .btn:focus, 275 #tools-bar .btn-default:focus, 276 #tools-bar .btn:hover, 277 #tools-bar .btn-default:hover { 278 background-color: #F5F5F5!important; 279 border-color: #F5F5F5; 280 } 281 /*.btn:hover, .btn-default:hover { 282 border: 1px solid #666; 283 border-width: 1px !important; 284 border-radius: 100px !important; 285 }*/ 286 #tools-bar .btn { 287 color: #666 !important; 288 } 289 /* End Bootstrap */ 290 291 #navigation-bar { 292 border-bottom: 1px solid #eee; 293 padding: 10px 0; 294 } 295 .breadcrumb .home-icon { 296 color: #9BB8A7; 297 } 298 @media only screen and (max-width: 991px) { 299 .breadcrumb { 300 margin-left: 10px; 301 } 302 } 303 .change-file-view { 304 padding-right: 10px; 305 } 306 .change-file-view li { 307 cursor: pointer; 308 color: #C4C4C4; 309 font-size: 16px; 310 } 311 .change-file-view li:hover { 312 color: #989797; 313 } 314 #file-container UL.vsgrid LI.vscell { 315 height: 100px; 316 } 317 #file-container { 318 height: calc(100% - 47px); 319 } 320 #status-bar { 321 color: #666; 322 background: #F5F5F5; 323 padding: 3px 0 0 20px; 324 border-top: 1px #CDCDCD solid; 325 } 326 #status-bar span:first-child { 327 float: right; 328 padding-right: 10px; 329 } 330 331 img[src=''], img:not([src]) { 332 opacity:0; 333 } 334 .btn:focus { 335 outline: none !important; 336 } 337 .preview .modal-content { 338 background: transparent; 339 border: 0; 340 } 341 .preview .modal-content .modal-body .bootbox-body { 342 margin-top: 5px; 343 color: #7F7F7F; 344 } 345 .preview button.bootbox-close-button { 346 float: none; 347 position: absolute; 348 right: 0; 349 font-size: 31px; 350 font-weight: 700; 351 line-height: 1; 352 color: #FFF; 353 text-shadow: 0 1px 0 #fff; 354 border: 2px solid #FFFFFF; 355 background: #000; 356 border-radius: 50%; 357 opacity: 1; 358 z-index: 99; 359 padding: 0 6px; 360 } 361 .preview button.bootbox-close-button:hover, 362 .preview button.bootbox-close-button:focus { 363 color: #fff; 364 text-decoration: none; 365 cursor: pointer; 366 filter: alpha(opacity=100); 367 opacity: 1; 368 outline: 0; 369 } 370 .preview .modal-content .modal-footer { 371 display: none; 372 } 373 .vscell { 374 cursor: pointer; 375 } 376 .vstree li.home { 377 background: url(../images/icon-set/cloud-16.png) left top no-repeat 378 } 379 .vstree li.directory { 380 background: url(../images/icon-set/folder-16.png) left top no-repeat 381 } 382 #file-container ul.vsgrid li.vscell.selected div[class^="icon-"], 383 #file-container ul.vsgrid li.vscell.selected div.file-name { 384 background-color: #E4E4E4; 385 } 386 #file-container ul.vsgrid li.vscell div.icon-xvl { 387 background-image: url(../images/icon-set/violet.png) !important; 388 } 389 #file-container ul.vsgrid li.vscell div.icon-directory { 390 background-image: url(../images/icon-set/folder.png) !important; 391 } 392 #file-container ul.vsgrid li.vscell div.icon-xlsx { 393 background-image: url(../images/icon-set/xlsx.png) !important; 394 } 395 #file-container ul.vsgrid li.vscell div.icon-txt { 396 background-image: url(../images/icon-set/txt.png) !important; 397 } 398 #file-container ul.vsgrid li.vscell div.icon-mp4, 399 #file-container ul.vsgrid li.vscell div.icon-flv { 400 background-image: url(../images/icon-set/video.png) !important; 401 } 402 /*------------ File Manager: Grid View ----- */ 403 #file-container ul.vsgrid li.vscell div[class^="icon-"] { 404 width:64px; 405 height:54px; 406 padding: 5px; 407 background-repeat: no-repeat; 408 background-position: center; 409 } 410 #file-container ul.vsgrid li.vscell div[class^="icon-"] img { 411 height: 100%; 412 width: 100%; 413 border: 1px solid #B8B8B8; 414 } 415 #file-container ul.vsgrid li.vscell div[class^="icon-"]:not([class="icon-directory"]) img:not([src]), 416 #file-container ul.vsgrid li.vscell div[class^="icon-"]:not([class="icon-directory"]):empty { 417 background-image: url(../images/icon-set/file.png); 418 } 419 420 /*------------ File Manager: List View ----- */ 421 .list-view#file-container { 422 padding: 0; 423 } 424 .list-view#file-container > ul.vsgrid { 425 padding: 10px 0 10px 10px; 426 } 427 .list-view#file-container > ul.vsgrid > li.vscell { 428 height: auto; 429 padding: 10px 2px; 430 border-bottom: 1px solid #eee; 431 text-align: left; 432 float: none; 433 width: 100%; 434 } 435 .list-view#file-container > ul.vsgrid > li.vscell:hover, 436 .list-view#file-container > ul.vsgrid > li.vscell.selected { 437 background: rgba(87, 199, 214, 0.07); 438 } 439 .list-view#file-container > ul.vsgrid > li.vscell.selected { 440 background: #E3F2FF; 441 } 442 .list-view#file-container ul.vsgrid li.vscell.selected div[class^="icon-"], 443 .list-view#file-container ul.vsgrid li.vscell.selected div.file-name { 444 background-color: transparent; 445 } 446 .list-view#file-container > ul.vsgrid > li.vscell > div.icon-directory { 447 background-size: cover; 448 } 449 .list-view#file-container > ul.vsgrid > li.vscell > div.file-name { 450 padding: 5px 15px; 451 text-align: left; 452 } 453 .list-view#file-container > ul.vsgrid > li.vscell > div.file-name a:hover{ 454 text-decoration: underline; 455 } 456 .list-view#file-container ul.vsgrid li.vscell div[class^="icon-"] img { 457 padding: 0; 458 } 459 .list-view#file-container > ul.vsgrid > li.vscell > div[class^="icon-"] { 460 width: 28px; 461 height: 28px; 462 float: left; 463 background-size: cover; 464 }
Note: See TracChangeset
for help on using the changeset viewer.