aboutsummaryrefslogtreecommitdiffstats
path: root/d2ice.att.io/app/core/layouts/full-page-with-header/full-page-with-header.less
blob: ba8b5d2e1b5e116bbade0dd581229a355fc343d8 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
//
// ============LICENSE_START========================================== 
// org.onap.vvp/portal
// ===================================================================
// Copyright © 2017 AT&T Intellectual Property. All rights reserved.
// ===================================================================
//
// Unless otherwise specified, all software contained herein is licensed
// under the Apache License, Version 2.0 (the License);
// you may not use this software except in compliance with the License.
// You may obtain a copy of the License at
//
//          http:www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//
//
//
// Unless otherwise specified, all documentation contained herein is licensed
// under the Creative Commons License, Attribution 4.0 Intl. (the License);
// you may not use this documentation except in compliance with the License.
// You may obtain a copy of the License at
// 
//          https:creativecommons.org/licenses/by/4.0/
//
// Unless required by applicable law or agreed to in writing, documentation
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//
// ============LICENSE_END============================================
// 
// ECOMP is a trademark and service mark of AT&T Intellectual Property.
#full-page-with-header {
    margin-top: 59px;
    background: url('images/top.jpg') no-repeat 0 0;

    #content {
        overflow: auto;
        position: absolute;
        top: 201px;
        bottom: 0;
        right: 0;
        left: 0;
        height: auto;
    }

    #header-title {
        height: 130px;
    }

    .banner {
        -webkit-box-shadow:0 1px 2px rgba(43, 48, 51, 0.08);
        -moz-box-shadow:0 1px 2px rgba(43, 48, 51, 0.08);
        box-shadow:0 1px 2px rgba(43, 48, 51, 0.08);
        z-index:20;
    }

    .navbar {
        background-color:#fff;
        margin-bottom:0;
    }

    #logo {
        float:left;
        display:block;
        margin:20px 0;
    }
    #logo .logo-trans {display:none}

    /* Transparent Header */
    .banner[data-transparent-header="true"] {
        width:100%;
        /*top:0;
        left:0;
        position:absolute;
        overflow:visible !important;*/
        z-index:9998;
        background-color:transparent;
        box-shadow:none;
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        -o-box-shadow:none;
        border-bottom:1px solid rgba(255,255,255,0.25) !important;
    }

    .boxed-mode .banner[data-transparent-header="true"] {
        left:0; right:0; margin:0 auto;
    }

    .banner[data-transparent-header="true"] #logo .logo-trans {display:inline}
    .banner[data-transparent-header="true"] #logo .logo-main {display:none}

    .banner[data-transparent-header="true"] .navbar-nav > li > a,
    .banner[data-transparent-header="true"] .navbar-nav > li.active > a {color:#fff}
    .banner[data-transparent-header="true"] .navbar-nav > li > a:hover,
    .banner[data-transparent-header="true"] .navbar-nav > li.active > a:hover {color:#fff}

    .banner[data-transparent-header="true"] .navbar-nav > li > a:hover:after,
    .banner[data-transparent-header="true"] .navbar-nav > li.active > a:after,
    .banner[data-transparent-header="true"] .navbar-nav > li.active > a:hover:after,
    .banner[data-transparent-header="true"] .navbar-nav > li.active > a:focus:after {background-color:#fff}

    .menu-seperator {
        .p_14_r;
    }
}