client/css/renkan.css
changeset 49 d0da34fda4b4
parent 44 869410bab434
child 52 e0f6f3c31150
equal deleted inserted replaced
48:01fb9167ad75 49:d0da34fda4b4
    69     background: -moz-linear-gradient(top, #505050 5px, #1e1e1e 30px);
    69     background: -moz-linear-gradient(top, #505050 5px, #1e1e1e 30px);
    70     background: -webkit-linear-gradient(top, #505050 5px, #1e1e1e 30px);
    70     background: -webkit-linear-gradient(top, #505050 5px, #1e1e1e 30px);
    71 }
    71 }
    72 
    72 
    73 .Rk-PadTitle {
    73 .Rk-PadTitle {
    74     float: left; font-size: 14px; height: 16px; margin: 4px 5px; width: 130px; background: #666666; padding: 4px; border: 1px solid #333333;
    74     float: left; font-size: 14px; height: 16px; margin: 4px 5px; width: 200px; background: #666666; padding: 4px; border: 1px solid #333333;
    75     border-radius: 3px; box-shadow: 0 1px 0 #505050; color: #ffffff; font-weight: bold;
    75     border-radius: 3px; box-shadow: 0 1px 0 #505050; color: #ffffff; font-weight: bold;
    76 }
    76 }
    77 
    77 
    78 .Rk-Users {
    78 .Rk-Users {
    79     float: right; width: 130px; margin: 4px 5px;
    79     float: right; width: 130px; margin: 4px 5px;
   143     width: 34px; background-position: -68px 0;
   143     width: 34px; background-position: -68px 0;
   144 }
   144 }
   145 
   145 
   146 .Rk-AddEdge-Button:hover {
   146 .Rk-AddEdge-Button:hover {
   147     background-position: -68px -35px;
   147     background-position: -68px -35px;
       
   148 }
       
   149 
       
   150 .Rk-Save-Button {
       
   151     width: 34px; background-position: -102px 0;
       
   152 }
       
   153 
       
   154 .Rk-Save-Button.disabled {
       
   155     opacity: .5; cursor: default;
       
   156 }
       
   157 
       
   158 .Rk-Save-Button:hover {
       
   159     background-position: -102px -35px;
       
   160 }
       
   161 
       
   162 .Rk-Save-Button.disabled:hover {
       
   163     opacity: 1; background-position: -102px 0;
   148 }
   164 }
   149 /* Canvas */
   165 /* Canvas */
   150 
   166 
   151 .Rk-Canvas {
   167 .Rk-Canvas {
   152     background: -moz-linear-gradient(top, rgba(180,180,180,.2) 0, rgba(255,255,255,.2) 30%, rgba(255,255,255,.2) 70%, rgba(180,180,180,.2) 100%);
   168     background: -moz-linear-gradient(top, rgba(180,180,180,.2) 0, rgba(255,255,255,.2) 30%, rgba(255,255,255,.2) 70%, rgba(180,180,180,.2) 100%);
   258 }
   274 }
   259 
   275 
   260 /* Bin Search Field */
   276 /* Bin Search Field */
   261 
   277 
   262 .Rk-Search-Form {
   278 .Rk-Search-Form {
   263     padding: 10px; height: 27px;
   279     padding: 5px 10px; height: 27px;
   264     background: #666666;
   280     background: #666666;
   265     background: -moz-linear-gradient(top, #606060 20%, #909090 80%);
   281     background: -moz-linear-gradient(top, #606060 20%, #909090 80%);
   266     background: -webkit-linear-gradient(top, #606060 20%, #909090 80%);
   282     background: -webkit-linear-gradient(top, #606060 20%, #909090 80%);
   267 }
   283 }
   268 
   284 
   269 .Rk-Search-Input, .Rk-Search-Select {
   285 .Rk-Search-Input, .Rk-Search-Select {
   270     float: left; border-width: 1px; border-color: #003050;
   286     float: left;  margin: 0;
   271 }
   287 }
   272 
   288 
   273 .Rk-Search-Input {
   289 .Rk-Search-Input {
   274     border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-style: solid;
   290     border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #003050;
   275     font-size: 13px; width: 190px; background: #ffffff; height: 15px; padding: 5px;
   291     font-size: 13px; background: #ffffff; height: 25px; padding: 0 5px; line-height: 25px;
       
   292     -webkit-appearance: none;
       
   293     -webkit-box-sizing: content-box;
       
   294     -moz-box-sizing: content-box;
       
   295     box-sizing: content-box; 
       
   296 }
       
   297 
       
   298 .Rk-Web-Search-Input {
       
   299      width: 190px;
       
   300 }
       
   301 
       
   302 .Rk-Bins-Search-Input {
       
   303      width: 235px;
   276 }
   304 }
   277 
   305 
   278 .Rk-Search-Select {
   306 .Rk-Search-Select {
   279     display: inline-block; position: relative; width: 45px;
   307     display: inline-block; position: relative; width: 45px;
   280     border-style: solid none; cursor: pointer;
   308     border-width: 1px; border-color: #003050; border-style: solid none; cursor: pointer;
   281     height: 25px; background: #ffffff url(../img/more.png) 30px 10px no-repeat;
   309     height: 25px; background: #ffffff url(../img/more.png) 30px 10px no-repeat;
   282 }
   310 }
   283 
   311 
   284 .Rk-Search-Select:hover {
   312 .Rk-Search-Select:hover {
   285     background-color: #3030FF;
   313     background-color: #3030FF;
   346 
   374 
   347 .Rk-Bin-Refresh:hover {
   375 .Rk-Bin-Refresh:hover {
   348     background-position: -18px 0;
   376     background-position: -18px 0;
   349 }
   377 }
   350 
   378 
       
   379 .Rk-Bin-Count {
       
   380     float: right; background: #c000a0; color: #FFFFFF; text-shadow: 1px 1px 1px #000000; display: none;
       
   381     border-radius: 4px; padding: 1px 3px; font-size: 10px; font-weight: bold; margin-top: 4px;
       
   382 }
       
   383 
   351 .Rk-Bin-Title-Icon {
   384 .Rk-Bin-Title-Icon {
   352     float: left; width: 25px; margin: 2px;
   385     float: left; width: 25px; margin: 2px;
   353 }
   386 }
   354 
   387 
   355 .Rk-Bin-Main {
   388 .Rk-Bin-Main {