diff options
Diffstat (limited to 'vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css')
-rw-r--r-- | vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css | 104 |
1 files changed, 85 insertions, 19 deletions
diff --git a/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css b/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css index e9b3c2d..4769cfc 100644 --- a/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css +++ b/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css @@ -6,6 +6,7 @@ * which accompanies this distribution, and is available at * http://www.apache.org/licenses/LICENSE-2.0 *******************************************************************************/ + @import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700,800'); * { @@ -39,15 +40,32 @@ header ul li } header .logo { - background: url(../../images/logo.png) no-repeat; + background: url(../images/logo.png) no-repeat; background-size: cover; - width: 155px; + +} +header .brand-logo-extends +{ + background: url(../images/logo.png) no-repeat; + background-size: cover; + width: 154px; height: 34px; - display: inline-block; - margin-right: 20px; + margin-top: 11%; + margin-right: 0%; + padding: 0; + position: relative !important; + /*margin-right: 20px; margin-left: 0; - float: left; + float: left;*/ + /*display: inline-block; + */ } + +nav +{ + height: 10px; +} + header ul li.links { margin: 7px 10px 0 0; @@ -66,32 +84,32 @@ header ul.navigation-right float: right; padding-top: 8px; } -header ul.navigation-right li.signup > a +header li.signup > a { border: 2px solid #333333; border-radius: 4px; - font-size: 13px; + font-size: 14px; font-weigt: 700; - padding: 9px 15px; + padding: 2px 10px; } -header ul.navigation-right li.signin > a +header li.signin > a { border-bottom: 2px solid #333333; font-size: 13px; font-weight: 700; - padding: 9px 2px; + padding: 0px 2px; } -header ul.navigation-right li.option +header li.option { font-weight: 800; padding: 0 10px; } header ul li > a:hover, -header ul.navigation-right li.signin > a:hover, -header ul.navigation-right li.signup > a:hover, +header li.signin > a:hover, +header li.signup > a:hover, header ul li > a:focus, -header ul.navigation-right li.signin > a:focus, -header ul.navigation-right li.signup > a:focus, +header li.signin > a:focus, +header li.signup > a:focus, .content ul.most-menu li a:hover, .content ul.most-menu li a:focus { @@ -99,7 +117,7 @@ header ul.navigation-right li.signup > a:focus, cursor: pointer; color: #333333; } -header ul.navigation-right li.signup > a:hover +header li.signup > a:hover { background: #333333; color: #ffffff; @@ -134,6 +152,24 @@ form.search-form input.search-input color: #333333; font-size: 22px; } +input.search-input-rest +{ + font-weight: 400; + margin: 0px 0; + height: 30px; + padding: 10px 30px; + min-width: 90%; + max-width: 90%; + /*max-width: 500px; + */ + border-radius: 5px; + border: 2px solid #333333; + box-shadow: 0 0 15px 1px rgba(0,0,0,0.50); + color: #333333; + font-size: 22px; +} + + form.search-form button.search-button { padding: 18px 35px; @@ -167,13 +203,13 @@ form.search-form input:-moz-placeholder { font-weight: 400; letter-spacing: 5px; - color: #333333; + color: #333333; } form.search-form input:-ms-input-placeholder { font-weight: 400; letter-spacing: 1px; - color: #333333; + color: #333333; } .content { @@ -195,7 +231,7 @@ form.search-form input:-ms-input-placeholder } .content ul.most-menu li.active { - background: #FFF572; + /*background: #FFF572;*/ } .content-box { @@ -238,6 +274,22 @@ form.search-form input:-ms-input-placeholder color: #333333; letter-spacing: 0.03px; } +.content-height-overwrite +{ + height: 110px; +} +.float-center-magic +{ + float: right; + position: relative; + left: -30%; +} +nav ul li:hover, nav ul li.active, nav ul li a.active, nav ul li a:hover { + background-color: rgb(255,245,114); +} +a:hover, a.active { + background-color: rgb(255,245,114); +} footer { font-size: 12px; @@ -250,3 +302,17 @@ footer { height: 10px; } +.space-30 +{ + height: 100px; +} +input[type="text"]:focus:not([readonly]) { + transition: all 0s !important; + border-radius: 5px; + border: 2px solid #333333; + box-shadow: 0 0 15px 1px rgba(0,0,0,0.50); + color: #333333; +} +.gray { + background: rgb(249,249,249); +} |