utils/test/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css

   1 /*******************************************************************************
   2  * Copyright (c) 2017 Kumar Rishabh and others.
   3  *
   4  * All rights reserved. This program and the accompanying materials
   5  * are made available under the terms of the Apache License, Version 2.0
   6  * which accompanies this distribution, and is available at
   7  * http://www.apache.org/licenses/LICENSE-2.0
   8  *******************************************************************************/
   9 @import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800');
  10 *
  11 {
  12   color: #333333;
  13   font-family: 'Muli', sans-serif;
  14 }
  15 *:focus
  16 {
  17     outline: none;
  18 }
  19 html,
  20 body
  21 {
  22   margin: 0;
  23   padding: 0;
  24   background: #ffffff;
  25   font-family: 'Muli', sans-serif;
  26 }
  27 header
  28 {
  29   padding: 10px 35px 0 0px;
  30 }
  31 header ul
  32 {
  33   list-style: none;
  34   display: inline-block;
  35 }
  36 header ul li
  37 {
  38   display: inline-block;
  39 }
  40 header .logo
  41 {
  42   background: url(../../images/logo.png) no-repeat;
  43   background-size: cover;
  44   width: 155px;
  45   height: 34px;
  46   display: inline-block;
  47   margin-right: 20px;
  48   margin-left: 0;
  49   float: left;
  50 }
  51 header ul li.links
  52 {
  53   margin: 7px 10px 0 0;
  54 }
  55 header ul li > a,
  56 .content ul.most-menu li.items a
  57 {
  58   color: #333333;
  59   font-weight: 800;
  60   font-size: 14px;
  61   letter-spacing: 0.6px;
  62   font-family: 'Muli', sans-serif;
  63 }
  64 header ul.navigation-right
  65 {
  66   float: right;
  67   padding-top: 8px;
  68 }
  69 header ul.navigation-right li.signup > a
  70 {
  71   border: 2px solid #333333;
  72   border-radius: 4px;
  73   font-size: 13px;
  74   font-weigt: 700;
  75   padding: 9px 15px;
  76 }
  77 header ul.navigation-right li.signin > a
  78 {
  79   border-bottom: 2px solid #333333;
  80   font-size: 13px;
  81   font-weight: 700;
  82   padding: 9px 2px;
  83 }
  84 header ul.navigation-right li.option
  85 {
  86   font-weight: 800;
  87   padding: 0 10px;
  88 }
  89 header ul li > a:hover,
  90 header ul.navigation-right li.signin > a:hover,
  91 header ul.navigation-right li.signup > a:hover,
  92 header ul li > a:focus,
  93 header ul.navigation-right li.signin > a:focus,
  94 header ul.navigation-right li.signup > a:focus,
  95 .content ul.most-menu li a:hover,
  96 .content ul.most-menu li a:focus
  97 {
  98   text-decoration: none;
  99   cursor: pointer;
 100   color: #333333;
 101 }
 102 header ul.navigation-right li.signup > a:hover
 103 {
 104   background: #333333;
 105   color: #ffffff;
 106 }
 107 .search-box
 108 {
 109   text-align: center;
 110   padding: 100px 0;
 111 }
 112 .search-box h1
 113 {
 114   font-size: 30px;
 115   letter-spacing: 2px;
 116   color: #333333;
 117   font-weight: 600;
 118 }
 119 form.search-form
 120 {
 121   padding: 10px 20px;
 122 }
 123 form.search-form input.search-input
 124 {
 125   font-weight: 400;
 126   margin: 30px 0;
 127   height: 80px;
 128   padding: 10px 30px;
 129   max-width: 800px;
 130   width: 70%;
 131   border-radius: 5px;
 132   border: 2px solid #333333;
 133   box-shadow: 0 0 15px 1px rgba(0,0,0,0.50);
 134   color: #333333;
 135   font-size: 22px;
 136 }
 137 form.search-form button.search-button
 138 {
 139   padding: 18px 35px;
 140   background: #FFF572;
 141   border: 0;
 142   box-shadow: 0 0 15px 1px #958F40;
 143   border-radius: 1px;
 144   font-size: 20px;
 145   color: #393E41;
 146   letter-spacing: 1px;
 147   border-radius: 5px;
 148   font-weight: 600;
 149 }
 150 form.search-form input:focus
 151 {
 152   outline: none;
 153 }
 154 form.search-form input::-webkit-input-placeholder
 155 {
 156   font-weight: 400;
 157   letter-spacing: 1px;
 158     color: #333333;
 159 }
 160 form.search-form input::-moz-placeholder
 161 {
 162   font-weight: 400;
 163   letter-spacing: 1px;
 164     color: #333333;
 165 }
 166 form.search-form input:-moz-placeholder
 167 {
 168   font-weight: 400;
 169   letter-spacing: 5px;
 170   color: #333333;
 171 }
 172 form.search-form input:-ms-input-placeholder
 173 {
 174   font-weight: 400;
 175   letter-spacing: 1px;
 176   color: #333333;
 177 }
 178 .content
 179 {
 180   height: 500px;
 181   background: #f9f9f9;
 182   padding: 10px 0;
 183 }
 184 .content ul.most-menu
 185 {
 186   list-style: none;
 187   text-align: center;
 188   padding-bottom: 10px;
 189 }
 190 .content ul.most-menu li.items
 191 {
 192   display: inline-block;
 193   margin-right: 5px;
 194   padding: 15px 25px;
 195 }
 196 .content ul.most-menu li.active
 197 {
 198   background: #FFF572;
 199 }
 200 .content-box
 201 {
 202   overflow: hidden;
 203   padding: 20px 0 50px 0;
 204   display: flex;
 205   justify-content: center;
 206   background: #FFFFFF;
 207   box-shadow: 0 2px 3px 0 rgba(0,0,0,0.50);
 208   border-bottom: 2px solid #8B19A2;
 209   margin-bottom: 30px;
 210 }
 211 .content-data
 212 {
 213   align-self: center;
 214 }
 215 .content-data h1.content-title
 216 {
 217   font-size: 25px;
 218   color: #000000;
 219   letter-spacing: 1.2px;
 220 }
 221 .content-data .box
 222 {
 223   padding: 10px 0;
 224   height: 90px;
 225   text-align: center;
 226   border: 2px solid #4D4D4D;
 227   border-radius: 2px;
 228 }
 229 .content-data .commit-icon
 230 {
 231   width: 23px;
 232   height: 16px;
 233 }
 234 .content-data .box h3.commits
 235 {
 236   text-align: center;
 237   font-size: 12px;
 238   color: #333333;
 239   letter-spacing: 0.03px;
 240 }
 241 footer
 242 {
 243   font-size: 12px;
 244   font-weight: 800;
 245   color: #333333;
 246   text-align: center;
 247   padding: 20px;
 248 }
 249 .space-10
 250 {
 251   height: 10px;
 252 }