Changeset 853


Ignore:
Timestamp:
Mar 30, 2015 2:26:32 PM (10 years ago)
Author:
dungnv
Message:
 
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  
    22    Simple reset
    33--------------------------*/
    4 
    5 
    64*{
    75    margin:0;
     
    3836    display: block;
    3937}
    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 
    20038
    20139/*----------------------------
     
    414252    margin-top: 11px;
    415253}
     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
     331img[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.