New common tab template. Update css
This commit is contained in:
parent
077726a193
commit
f64e2d63b9
25 changed files with 173 additions and 215 deletions
|
@ -59,7 +59,7 @@ body {
|
|||
border: 2px solid #CCCCCC;
|
||||
}
|
||||
|
||||
.profile-tabs {
|
||||
.tab {
|
||||
color: #444444;
|
||||
background: #EEE;
|
||||
|
||||
|
|
|
@ -26,7 +26,7 @@ input, select {
|
|||
background-color: #000000;
|
||||
color: #FF0000;
|
||||
}
|
||||
.nav-link:hover, .nav-commlink:hover, .profile-tabs:hover {
|
||||
.nav-link:hover, .nav-commlink:hover, .tab:hover {
|
||||
background: #DDDDDD;
|
||||
color: #FF0000;
|
||||
}
|
||||
|
@ -49,7 +49,7 @@ input, select {
|
|||
background: #444444;
|
||||
}
|
||||
|
||||
.profile-tabs {
|
||||
.tab {
|
||||
color: #FF0000;
|
||||
background: #444444;
|
||||
|
||||
|
@ -65,7 +65,3 @@ a:hover, .fakelink:hover {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.profile-tabs {
|
||||
color: #FF0000;
|
||||
background: #444444;
|
||||
}
|
||||
|
|
|
@ -17,7 +17,7 @@ aside{ background-image: url(border.jpg); padding-bottom: 0px; }
|
|||
section { background-color: #333333; background-image: url(border.jpg); }
|
||||
|
||||
|
||||
#profile-tabs-wrapper { background-image: url(head.jpg); }
|
||||
.tabs { background-image: url(head.jpg); }
|
||||
div.wall-item-content-wrapper.shiny { background-image: url('shiny.png'); }
|
||||
|
||||
nav #banner #logo-text a { color: #ffffff; }
|
||||
|
|
|
@ -1,9 +0,0 @@
|
|||
|
||||
<div class="tabs-wrapper" >
|
||||
<a href="$url" id="profile-tab-status-link" class="tabs {{if $activetab==posts}}active{{endif}}" >$status</a>
|
||||
<a href="$url?tab=profile" id="profile-tab-profile-link" class="tabs {{if $activetab==profile}}active{{endif}}" >$profile</a>
|
||||
<a href="$phototab" id="profile-tab-photos-link" class="tabs {{if $activetab==photos}}active{{endif}}" >$photos</a>
|
||||
{{ if $events }}<a href="events" id="profile-tab-events-link" class="tabs {{if $activetab==events}}active{{endif}}" >$events</a>{{ endif }}
|
||||
{{ if $notes }}<a href="notes" id="profile-tab-notes-link" class="tabs {{if $activetab==notes}}active{{endif}}" >$notes</a>{{ endif }}
|
||||
<div class="tabs-end"></div>
|
||||
</div>
|
|
@ -349,11 +349,11 @@ aside #viewcontacts { text-align: right;}
|
|||
section { margin: 10px 11% 0px 11%; font-size: 0.8em; padding-right: 230px;}
|
||||
|
||||
/** tabs **/
|
||||
.tabs-wrapper {list-style: none; padding: 0px; margin: 0px; border-bottom: 1px solid #729fcf; }
|
||||
.tabs-wrapper li { display: inline;}
|
||||
.tabs { padding: 0px 5px; margin-right: 10px; }
|
||||
.tabs:hover { background-color: #729fcf; color: #eeeeec; border: 0px; }
|
||||
.tabs.active { background-color: #729fcf; color: #eeeeec; border: 0px; }
|
||||
.tabs {list-style: none; padding: 0px; margin: 0px; border-bottom: 1px solid #729fcf; }
|
||||
.tabs li { display: inline;}
|
||||
.tab { padding: 0px 5px; margin-right: 10px; }
|
||||
.tab:hover { background-color: #729fcf; color: #eeeeec; border: 0px; }
|
||||
.tab.active { background-color: #729fcf; color: #eeeeec; border: 0px; }
|
||||
|
||||
|
||||
/**
|
||||
|
|
|
@ -204,34 +204,24 @@ section {
|
|||
min-height: 112px;
|
||||
|
||||
}
|
||||
|
||||
#profile-tabs-wrapper {
|
||||
height: 27px;
|
||||
background-image: url(head.jpg);
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0px -20px;
|
||||
border-bottom: 1px solid #babdb6;
|
||||
}
|
||||
.profile-tabs {
|
||||
display:block;
|
||||
float:left;
|
||||
padding: 0.4em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
#tabs-wrapper {
|
||||
height: 27px;
|
||||
background-image: url(head.jpg);
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0px -20px;
|
||||
border-bottom: 1px solid #babdb6;
|
||||
}
|
||||
.tabs {
|
||||
height: 27px;
|
||||
background-image: url(head.jpg);
|
||||
background-repeat: repeat-x;
|
||||
background-position: 0px -20px;
|
||||
border-bottom: 1px solid #babdb6;
|
||||
padding:0px;
|
||||
}
|
||||
.tabs li { margin: 0px; list-style: none; }
|
||||
.tab {
|
||||
display:block;
|
||||
float:left;
|
||||
padding: 0.4em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
.tab.active {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/* footer */
|
||||
|
|
|
@ -29,7 +29,7 @@ a:hover {text-decoration: underline; }
|
|||
|
||||
|
||||
aside( background-image: url('border.jpg'); }
|
||||
#profile-tabs-wrapper { background-image: url('head.jpg'); }
|
||||
.tabs { background-image: url('head.jpg'); }
|
||||
div.wall-item-content-wrapper.shiny { background-image: url('shiny.png'); }
|
||||
|
||||
|
||||
|
|
|
@ -67,7 +67,7 @@ body {
|
|||
background: #FFDDAA !important;
|
||||
}
|
||||
|
||||
.profile-tabs {
|
||||
.tab {
|
||||
color: #444444;
|
||||
background: #FFCC55;
|
||||
|
||||
|
|
|
@ -22,7 +22,7 @@ a:hover {text-decoration: underline; }
|
|||
body { background-image: url(head.jpg); }
|
||||
aside( background-image: url(border.jpg); }
|
||||
section { background-image: url(border.jpg); }
|
||||
#profile-tabs-wrapper { background-image: url(head.jpg); }
|
||||
.tabs { background-image: url(head.jpg); }
|
||||
div.wall-item-content-wrapper.shiny { background-image: url('shiny.png'); }
|
||||
|
||||
.fakelink, .fakelink:visited {
|
||||
|
|
|
@ -1570,7 +1570,7 @@ padding: 5px 10px 0px;
|
|||
width: 600px;
|
||||
}
|
||||
|
||||
.profile-tabs {
|
||||
.tab {
|
||||
float: left;
|
||||
padding: 4px;
|
||||
margin-top: 10px;
|
||||
|
@ -1583,36 +1583,15 @@ padding: 5px 10px 0px;
|
|||
background-color: #ECECEC;
|
||||
border: 1px solid #858585;
|
||||
}
|
||||
.profile-tabs:hover {
|
||||
.tab.active,
|
||||
.tab:hover {
|
||||
background-color: #0CBEFE;
|
||||
color: #F5F6FB;
|
||||
border: 1px solid #F5F6FB;
|
||||
/*cursor: pointer;*/
|
||||
}
|
||||
|
||||
#profile-tabs-end {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
padding: 4px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
margin-right: 5px;
|
||||
/*border: 1px solid #CCC;*/
|
||||
/*background: #F8F8F8;*/
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
background-color: #ECECEC;
|
||||
border: 1px solid #858585;
|
||||
}
|
||||
.tabs:hover {
|
||||
background-color: #0CBEFE;
|
||||
color: #F5F6FB;
|
||||
border: 1px solid #F5F6FB;
|
||||
/*cursor: pointer;*/
|
||||
}
|
||||
|
||||
.tabs { padding:0px; margin: 0px; overflow: auto; height: auto;}
|
||||
.tabs li { margin: 0px; list-style: none; }
|
||||
|
||||
.comment-edit-text-empty {
|
||||
color: gray;
|
||||
|
|
|
@ -7,7 +7,7 @@ a:hover {text-decoration: underline; }
|
|||
body { background-image: url(head.jpg); }
|
||||
aside( background-image: url(border.jpg); }
|
||||
section { background-image: url(border.jpg); }
|
||||
#profile-tabs-wrapper { background-image: url(head.jpg); }
|
||||
.tabs { background-image: url(head.jpg); }
|
||||
div.wall-item-content-wrapper.shiny { background-image: url('shiny.png'); }
|
||||
|
||||
|
||||
|
|
|
@ -18,7 +18,7 @@ body {
|
|||
background: #F4F4F4;
|
||||
}
|
||||
|
||||
.profile-tabs {
|
||||
.tab {
|
||||
color: #444444;
|
||||
background: #F4F4F4;
|
||||
|
||||
|
|
|
@ -1,9 +0,0 @@
|
|||
|
||||
<div class="tabs-wrapper" >
|
||||
<a href="$url" id="profile-tab-status-link" class="button tabs {{if $activetab==posts}}active{{endif}}" >$status</a>
|
||||
<a href="$url?tab=profile" id="profile-tab-profile-link" class="button tabs {{if $activetab==profile}}active{{endif}}" >$profile</a>
|
||||
<a href="$phototab" id="profile-tab-photos-link" class="button tabs {{if $activetab==photos}}active{{endif}}" >$photos</a>
|
||||
{{ if $events }}<a href="events" id="profile-tab-events-link" class="button tabs {{if $activetab==events}}active{{endif}}" >$events</a>{{ endif }}
|
||||
{{ if $notes }}<a href="notes" id="profile-tab-notes-link" class="button tabs {{if $activetab==notes}}active{{endif}}" >$notes</a>{{ endif }}
|
||||
<div class="tabs-end"></div>
|
||||
</div>
|
|
@ -822,22 +822,22 @@ profile-jot-banner-wrapper {
|
|||
/* = Tabs = */
|
||||
/* ======== */
|
||||
|
||||
.tabs-wrapper {
|
||||
.tabs {
|
||||
width: 450px;
|
||||
list-style: none;
|
||||
padding: 10px;
|
||||
margin: 0px 0px 10px 0px;
|
||||
border-bottom: 1px solid #efefef;
|
||||
}
|
||||
.tabs-wrapper li { display: inline;}
|
||||
.tabs li { display: inline;}
|
||||
|
||||
.tabs {
|
||||
.tab {
|
||||
padding: 5px 10px 5px 10px;
|
||||
margin-right: 5px;
|
||||
font-style: bold;
|
||||
}
|
||||
|
||||
.tabs:hover {
|
||||
.tab:hover {
|
||||
padding: 5px 10px 5px 10px;
|
||||
}
|
||||
|
||||
|
@ -3085,4 +3085,4 @@ ul.menu-popup {
|
|||
|
||||
#jGrowl {
|
||||
z-index: 20000;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -26,7 +26,7 @@
|
|||
|
||||
}
|
||||
|
||||
.profile-tabs {
|
||||
.tab {
|
||||
-moz-box-shadow: 5px 5px 5px #888888;
|
||||
-webkit-box-shadow: 5px 5px 5px #888888;
|
||||
box-shadow: 5px 5px 5px #888888;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue