src/main/resources/META-INF/resources/designer/css/stylesheet.css

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * ONAP CLAMP
   4  * ================================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights
   6  *                             reserved.
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  * http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END============================================
  20  * ===================================================================
  21  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  22  */
  23
  24 a, a:visited {
  25         color: #3fabff;
  26         text-decoration: none;
  27 }
  28
  29 a:hover
  30 {
  31         color: #008af5;
  32 }
  33
  34 h1
  35 {
  36         margin: 0;
  37         font-weight: 300;
  38         font-size: 35px;
  39         letter-spacing: -1px;
  40 }
  41 h2
  42 {
  43         font-size: 15px;
  44         color: #a0a0a0;
  45         margin: 30px 0;
  46 }
  47 label {
  48         display: block;
  49         font-weight: bold;
  50         margin-bottom: 10px;
  51 }
  52 p, .control-group {
  53         margin: 0 0 10px 0;
  54 }
  55 .demo {
  56         border-bottom: 1px solid #e8e8e8;
  57         padding-top: 5px;
  58         padding-bottom: 5px;
  59         -webkit-border-radius: 3px;
  60         -moz-border-radius: 3px;
  61         border-radius: 3px;
  62 }
  63 .demo:last-child {
  64         border-bottom: 0 none;
  65 }
  66 .demo select, .demo input, .demo .selectize-control {
  67         width: 100%;
  68 }
  69 .demo > *:first-child {
  70         margin-top: 0;
  71 }
  72 .demo > *:last-child {
  73         margin-bottom: 0;
  74 }
  75 .demo .value {
  76         margin: 0 0 10px 0;
  77         font-size: 12px;
  78 }
  79 .demo .value span {
  80         font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
  81 }
  82 .theme-selector {
  83         margin-top: 5px;
  84         font-size: 13px;
  85 }
  86 .theme-selector:before {
  87         content: 'Themes: ';
  88 }
  89 .theme-selector a {
  90         margin: 0 5px;
  91 }
  92 .theme-selector a.active {
  93         color: #202020;
  94         font-weight: bold;
  95 }
  96 #wrapper {
  97         margin: 0;
  98 }
  99 #wrapper > * {
 100         padding-left: 5px;
 101         padding-right: 5px;
 102 }
 103 pre {
 104         background: #f8f8f8;
 105         border: 1px solid #f2f2f2;
 106         padding: 10px;
 107         font-size: 12px;
 108         font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
 109         -webkit-border-radius: 3px;
 110         -moz-border-radius: 3px;
 111         border-radius: 3px;
 112 }
 113 input[type=button] {
 114         margin: 0 10px 0 0;
 115         padding: 6px 10px;
 116         color: #606060;
 117         background: #e0e0e0;
 118         border: 0 none;
 119         width: auto;
 120         display: inline-block;
 121         -webkit-border-radius: 3px;
 122         -moz-border-radius: 3px;
 123         border-radius: 3px;
 124         -webkit-font-smoothing: antialiased;
 125 }
 126 .buttons {
 127         margin: 0 0 25px 0;
 128 }
 129 input[type=button]:hover {
 130         background: #dadada;
 131 }
 132
 133 @media only screen and (max-width : 320px) {
 134         body {
 135                 margin: 20px 0;
 136         }
 137         #wrapper {
 138                 margin: 0;
 139         }
 140         #wrapper > * {
 141                 padding-left: 10px;
 142                 padding-right: 10px;
 143         }
 144         .demo {
 145                 padding: 20px;
 146                 -webkit-border-radius: 0;
 147                 -moz-border-radius: 0;
 148                 border-radius: 0;
 149         }
 150 }