summaryrefslogtreecommitdiffstats
path: root/vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css')
-rw-r--r--vnfcatalogue/VNF_Catalogue/public/stylesheets/style.css104
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);
+}