diff options
Diffstat (limited to 'app/core/layouts')
10 files changed, 248 insertions, 0 deletions
diff --git a/app/core/layouts/content-only/content-only.html b/app/core/layouts/content-only/content-only.html new file mode 100644 index 0000000..50c6d6f --- /dev/null +++ b/app/core/layouts/content-only/content-only.html @@ -0,0 +1,7 @@ +<div id="dcaedt">
+<div id="layout-content-only" class="template-layout">
+
+ <div id="content" ui-view="content"></div>
+
+</div>
+</div>
diff --git a/app/core/layouts/content-only/content-only.less b/app/core/layouts/content-only/content-only.less new file mode 100644 index 0000000..a65a6bc --- /dev/null +++ b/app/core/layouts/content-only/content-only.less @@ -0,0 +1,3 @@ +#layout-content-only { + /*background: url('images/top.jpg') no-repeat 0 0;*/ +} diff --git a/app/core/layouts/content-with-header/content-with-header.html b/app/core/layouts/content-with-header/content-with-header.html new file mode 100644 index 0000000..286cef5 --- /dev/null +++ b/app/core/layouts/content-with-header/content-with-header.html @@ -0,0 +1,5 @@ +<div id="layout-content-with-header" class="template-layout"> + + <div id="content" ui-view="content"></div> + +</div> diff --git a/app/core/layouts/content-with-header/content-with-header.less b/app/core/layouts/content-with-header/content-with-header.less new file mode 100644 index 0000000..82ad274 --- /dev/null +++ b/app/core/layouts/content-with-header/content-with-header.less @@ -0,0 +1,3 @@ +#layout-content-with-header { + /*background: url('images/top.jpg') no-repeat 0 0;*/ +} diff --git a/app/core/layouts/content-with-navigation/content-with-navigation.html b/app/core/layouts/content-with-navigation/content-with-navigation.html new file mode 100755 index 0000000..7b3c918 --- /dev/null +++ b/app/core/layouts/content-with-navigation/content-with-navigation.html @@ -0,0 +1,15 @@ +<div id="main-wrapper"> + + <div id="navigation" class="navigation" ui-view="navigation"></div> + + <div id="content-container" class="content-container"> + <div id="dcaeSidenav" class="sidenav"> + <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a> + <a href="#">General</a> + <a href="#">Composition</a> + <a href="#">Artifact</a> + </div> + <div id="content" ui-view="content"></div> + </div> + +</div> diff --git a/app/core/layouts/content-with-navigation/content-with-navigation.less b/app/core/layouts/content-with-navigation/content-with-navigation.less new file mode 100755 index 0000000..2ff8b41 --- /dev/null +++ b/app/core/layouts/content-with-navigation/content-with-navigation.less @@ -0,0 +1,4 @@ +.content-container { + padding: 20px; + background-color: @main_color_p; +} diff --git a/app/core/layouts/full-page-with-header/full-page-with-header.html b/app/core/layouts/full-page-with-header/full-page-with-header.html new file mode 100644 index 0000000..d1f8372 --- /dev/null +++ b/app/core/layouts/full-page-with-header/full-page-with-header.html @@ -0,0 +1,30 @@ +<div id="full-page-with-header" class="template-layout">
+
+ <header class="banner navbar navbar-default navbar-static-top" role="banner" data-transparent-header="true">
+ <div class="container">
+
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <div id="logo" class="logo-white" ui-sref="home"></div>
+ </div>
+ <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
+ <ul id="menu-primary-navigation" class="nav navbar-nav">
+ <li class="menu-home" data-ng-class="{'active': state.current.name==='app.home'}"><a title="home" ui-sref="app.home">Home</a></li>
+ <li class="menu-contact" data-ng-class="{'active': state.current.name==='app.contactus'}"><a title="Contact Us" ui-sref="app.contactus">Contact Us</a></li>
+ <li class="menu-login" data-ng-class="{'active': state.current.name==='app.login'}"><a title="Login" ui-sref="app.login">Login</a></li>
+ <li class="menu-seperator">|</li>
+ <li class="menu-signup" data-ng-class="{'active': state.current.name==='app.register'}"><a title="Sign Up" ui-sref="app.register">Sign Up</a></li>
+ </ul>
+ </nav>
+
+ </div>
+ </header>
+
+ <div id="content" ui-view="content"></div>
+
+</div>
diff --git a/app/core/layouts/full-page-with-header/full-page-with-header.less b/app/core/layouts/full-page-with-header/full-page-with-header.less new file mode 100644 index 0000000..2a28cd1 --- /dev/null +++ b/app/core/layouts/full-page-with-header/full-page-with-header.less @@ -0,0 +1,167 @@ +#full-page-with-header { + /*background: url('images/top.jpg') no-repeat 0 0;*/ + + #content { + padding-top: 70px; + } + + /* ============================================================================= + Header + ========================================================================== */ + + .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} + + .navbar .navbar-nav { + float:right; + text-align:right; + margin: 20px 0 0 0; + } + + .navbar .navbar-nav > li > a { + position:relative; + color:#828282; + font-weight:600; + padding-top: 0; + padding-bottom:15px; + -webkit-transition:all 0.1s linear; + -moz-transition:all 0.1s linear; + transition:all 0.1s linear; + } + + .navbar .navbar-nav > li > a:after { + position:absolute; + bottom:7px; + left:50%; + content:''; + width:10px; + height:0px; + margin-left:-5px; + background-color:#fff; + -webkit-transition:all 0.1s linear; + -moz-transition:all 0.1s linear; + transition:all 0.1s linear; + } + + .navbar .navbar-nav > li > a:hover {color:#828282} + + .navbar .navbar-nav > li > a:hover:after, + .navbar .navbar-nav > li.active > a:after, + .navbar .navbar-nav > li.active > a:hover:after, + .navbar .navbar-nav > li.active > a:focus:after { + position:absolute; + bottom:9px; + left:50%; + content:''; + width:20px; + height:2px; + margin-left:-10px; + background-color:#2b8dd6; + } + + + .navbar-nav > li + li {margin-left:2px} + .navbar .navbar-nav > li.active > a, + .navbar .navbar-nav > li.active > a:hover, + .navbar .navbar-nav > li.active > a:focus { + color:#828282; + background-color:transparent; + } + .navbar .navbar-nav .dropdown-menu {border-radius:0 !important} + + .navbar .navbar-nav .dropdown-menu li a {position:relative} + .navbar .navbar-nav .dropdown-menu li a:after { + position:absolute; + bottom:2px; + left:30px; + content:''; + width:20px; + height:0px; + margin-left:-10px; + background-color:#fff; + -webkit-transition:all 0.1s linear; + -moz-transition:all 0.1s linear; + transition:all 0.1s linear; + } + .navbar .navbar-nav .dropdown-menu li a:hover:after { + position:absolute; + bottom:3px; + left:30px; + content:''; + width:20px; + height:2px; + margin-left:-10px; + background-color:#e2e2e2; + } + + .navbar .navbar-nav .dropdown-menu li.active a { + background-color:transparent; + color:#2b8dd6; + } + + .navbar .navbar-nav .dropdown-menu li a:hover, + .navbar .navbar-nav .dropdown-menu li.active a:hover { + color:#2b8dd6; + background-color:transparent; + } + + .navbar-collapse {max-height:none} + .navbar-collapse ul {margin-bottom:10px} + + /* 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; + } + + .menu-login a { padding-right: 4px; } + .menu-signup a { padding-left: 4px; } + +} diff --git a/app/core/layouts/header-navigation-content/header-navigation-content.html b/app/core/layouts/header-navigation-content/header-navigation-content.html new file mode 100644 index 0000000..3c7b283 --- /dev/null +++ b/app/core/layouts/header-navigation-content/header-navigation-content.html @@ -0,0 +1,11 @@ +<div id="main-wrapper"> + + <div id="header" class="header" ui-view="header"></div> + + <div id="navigation" class="navigation" ui-view="navigation"></div> + + <div id="content-container" class="content-container"> + <div id="content" ui-view="content"></div> + </div> + +</div> diff --git a/app/core/layouts/header-navigation-content/header-navigation-content.less b/app/core/layouts/header-navigation-content/header-navigation-content.less new file mode 100644 index 0000000..89028cc --- /dev/null +++ b/app/core/layouts/header-navigation-content/header-navigation-content.less @@ -0,0 +1,3 @@ +.content-container { + padding: 20px; +} |