Home | History | Annotate | Download | only in css 
      1 /* Copyright 2013 The Chromium Authors. All rights reserved.
      2  * Use of this source code is governed by a BSD-style license that can be
      3  * found in the LICENSE file. */
      4 
      5 
      6 html {
      7   height: 100%;
      8 }
      9 
     10 body {
     11   background-color: #fbfbfb;
     12   height: 100%;
     13   margin: 0;
     14   overflow: auto;
     15   padding: 0;
     16   width: 100%;
     17 }
     18 
     19 .title-bar {
     20   -webkit-align-items: center;
     21   -webkit-app-region: drag;
     22   background-color: #fff;
     23   box-shadow: 0 1px #d0d0d0;
     24   color: rgb(80, 80, 82);
     25   display: -webkit-flex;
     26   font-size: 15px;
     27   height: 48px;
     28 }
     29 
     30 .title-bar #page-title {
     31   -webkit-flex: 1 1 auto;
     32   -webkit-margin-start: 20px;
     33 }
     34 
     35 .title-bar .button-bar {
     36   -webkit-flex: 0 1 auto;
     37 }
     38 
     39 .content {
     40   color: #646464;
     41   font-size: 12px;
     42   margin: 20px;
     43 }
     44 
     45 .content #description-text {
     46   border-color: #c8c8c8;
     47   box-sizing: border-box;
     48   height: 120px;
     49   line-height: 18px;
     50   padding: 10px;
     51   resize: none;
     52   width: 100%;
     53 }
     54 
     55 .content .text-field-container {
     56   -webkit-align-items: center;
     57   -webkit-padding-start: 10px;
     58   display: -webkit-flex;
     59   height: 29px;
     60   margin-top: 10px;
     61 }
     62 
     63 .content .text-field-container > label {
     64   -webkit-flex: 0 1 auto;
     65   width: 100px;
     66 }
     67 
     68 .content .text-field-container > input[type=text] {
     69   -webkit-flex: 1 1 auto;
     70   -webkit-padding-start: 5px;
     71   border: 1px solid;
     72   border-color: #c8c8c8;
     73   color: #585858;
     74   height: 100%;
     75 }
     76 
     77 .content .text-field-container > input[type=checkbox] {
     78   margin-right: 9px;
     79 }
     80 
     81 .content .checkbox-field-container {
     82   -webkit-align-items: center;
     83   display: -webkit-flex;
     84   height: 29px;
     85 }
     86 
     87 #screenshot-container {
     88   margin-top: 10px;
     89 }
     90 
     91 .content #screenshot-image {
     92   -webkit-margin-start: 100px;
     93   display: block;
     94   height: 60px;
     95   margin-top: 40px;
     96   transition: all 250ms ease;
     97 }
     98 
     99 .content #screenshot-image:hover {
    100   -webkit-margin-start: 80px;
    101   height: 125px;
    102   margin-top: 80px;
    103   z-index: 1;
    104 }
    105 
    106 .content #screenshot-image.wide-screen {
    107   height: auto;
    108   width: 100px;
    109 }
    110 
    111 .content #screenshot-image.wide-screen:hover {
    112   height: auto;
    113   width: 200px;
    114 }
    115 
    116 .content #privacy-note {
    117   color: #969696;
    118   font-size: 10px;
    119   line-height: 15px;
    120   margin-bottom: 20px;
    121   margin-top: 20px;
    122 }
    123 
    124 .content .buttons-pane {
    125   display: -webkit-flex;
    126   justify-content: flex-end
    127 }
    128 
    129 .content .remove-file-button {
    130   -webkit-margin-start: 5px;
    131   background-color: transparent;
    132   background-image: -webkit-image-set(
    133       url('chrome://resources/images/apps/button_butter_bar_close.png') 1x,
    134       url('chrome://resources/images/2x/apps/button_butter_bar_close.png') 2x);
    135   background-position: 50% 80%;
    136   background-repeat: no-repeat;
    137   border: none;
    138   height: 16px;
    139   pointer-events: auto;
    140   width: 16px;
    141 }
    142 
    143 .content .remove-file-button:hover {
    144   background-image: -webkit-image-set(
    145       url('chrome://resources/images/apps/button_butter_bar_close_hover.png') 1x,
    146       url('chrome://resources/images/2x/apps/button_butter_bar_close_hover.png') 2x);
    147 }
    148 
    149 .content .remove-file-button:active {
    150   background-image: -webkit-image-set(
    151       url('chrome://resources/images/apps/button_butter_bar_close_pressed.png') 1x,
    152       url('chrome://resources/images/2x/apps/button_butter_bar_close_pressed.png') 2x);
    153 }
    154 
    155 .content #attach-file-note {
    156   -webkit-margin-start: 112px;
    157   margin-bottom: 10px;
    158   margin-top: 10px;
    159 }
    160 
    161 .content .attach-file-notification {
    162   color: rgb(204, 0, 0);
    163   font-weight: bold;
    164 }
    165 
    166 button.white-button {
    167   -webkit-margin-end: 10px;
    168   color: #000;
    169 }
    170 
    171 button.blue-button {
    172   color: #fff;
    173   text-shadow: 1px sharp drop shadow rgb(45, 106, 218);
    174 }
    175