|
|
(12 intermediate revisions by the same user not shown) |
Line 610: |
Line 610: |
| } | | } |
|
| |
|
| #left-navigation nav.vector-menu-tabs, | | #p-namespaces .vector-menu-content-list, |
| #right-navigation nav.vector-menu-tabs { | | #p-views .vector-menu-content-list { |
| background-image: inherit;
| | display: flex; |
| background-color: #e87057
| | gap: 2px; |
| | border-bottom: 1px solid #444; |
| | background: transparent; |
| | margin: 0; |
| | padding: 0; |
| } | | } |
|
| |
|
| #left-navigation nav.vector-menu-tabs .vector-menu-content-list, | | /* Base tab look */ |
| #right-navigation nav.vector-menu-tabs .vector-menu-content-list { | | #p-namespaces li a, |
| background-color: #e87057
| | #p-views li a { |
| | display: block; |
| | padding: .6em .9em; |
| | background: #2a2a2a; |
| | color: #e87057; |
| | text-decoration: none; |
| | border: 1px solid #e87057; |
| | border-bottom: none; |
| | transition: background .2s, color .2s; |
| } | | } |
|
| |
|
| #left-navigation nav.vector-menu-tabs .vector-menu-content-list li, | | #p-namespaces li a:hover, |
| #right-navigation nav.vector-menu-tabs .vector-menu-content-list li { | | #p-views li a:hover { |
| background-color: #e87057;
| | background: #3a3a3a; |
| background-image: -moz-linear-gradient(top, #333 20%, #2a2a2a 100%);
| | color: #fff; |
| background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #333), color-stop(100%, #2a2a2a));
| |
| background-image: -webkit-linear-gradient(top, #333 20%, #2a2a2a 100%);
| |
| background-image: linear-gradient(#333 20%, #2a2a2a 100%)
| |
| } | | } |
|
| |
|
| #left-navigation nav.vector-menu-tabs li.new a, | | #p-namespaces .selected a, |
| #right-navigation nav.vector-menu-tabs li.new a, | | #p-views .selected a { |
| #left-navigation nav.vector-menu-tabs li.new a:visited, | | background: #222; |
| #right-navigation nav.vector-menu-tabs li.new a:visited { | | color: #D28A0D; |
| color: #d44
| | font-weight: bold; |
| | border: 2px solid #e87057; |
| | border-bottom: none; |
| | position: relative; |
| | top: 1px; |
| | z-index: 2; |
| } | | } |
|
| |
|
| #left-navigation nav.vector-menu-tabs li.selected, | | #p-namespaces li a.new, |
| #right-navigation nav.vector-menu-tabs li.selected {
| | #p-views li a.new { |
| background-color: #333;
| | color: #d44 !important; |
| background-image: -moz-linear-gradient(top, #e87057 0, #333 10%);
| |
| background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e87057), color-stop(10%, #333));
| |
| background-image: -webkit-linear-gradient(top, #e87057 0, #333 10%);
| |
| background-image: linear-gradient(#e87057 0, #333 10%)
| |
| }
| |
| | |
| #left-navigation nav.vector-menu-tabs li.selected a,
| |
| #right-navigation nav.vector-menu-tabs li.selected a,
| |
| #left-navigation nav.vector-menu-tabs li.selected a:visited,
| |
| #right-navigation nav.vector-menu-tabs li.selected a:visited { | |
| color: #D28A0D
| |
| }
| |
| | |
| #left-navigation nav.vector-menu-tabs li a,
| |
| #right-navigation nav.vector-menu-tabs li a {
| |
| color: #e87057
| |
| }
| |
| | |
| #left-navigation nav.vector-menu-tabs span,
| |
| #right-navigation nav.vector-menu-tabs span {
| |
| background: transparent
| |
| }
| |
| | |
| /* Global tab bar block */
| |
| nav.vector-menu-tabs h3 {
| |
| display: none
| |
| }
| |
| | |
| nav.vector-menu-tabs {
| |
| float: left;
| |
| height: 2.5em;
| |
| background-image: url('images/tab-break.png');
| |
| background-position: bottom left;
| |
| background-repeat: no-repeat;
| |
| padding-left: 1px
| |
| }
| |
| | |
| nav.vector-menu-tabs .vector-menu-content-list {
| |
| float: left;
| |
| height: 100%;
| |
| list-style-type: none;
| |
| list-style-image: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| background-image: url('images/tab-break.png');
| |
| background-position: right bottom;
| |
| background-repeat: no-repeat
| |
| }
| |
| | |
| nav.vector-menu-tabs .vector-menu-content-list li {
| |
| float: left;
| |
| line-height: 1.125em;
| |
| display: inline-block;
| |
| height: 100%;
| |
| margin: 0;
| |
| padding: 0;
| |
| background-color: #f3f3f3;
| |
| background-image: url('images/tab-normal-fade.png');
| |
| background-position: bottom left;
| |
| background-repeat: repeat-x;
| |
| white-space: nowrap
| |
| } | | } |
|
| |
|
| nav.vector-menu-tabs .vector-menu-content-list > li {
| | #p-cactions .vector-menu-heading { |
| display: block
| | display: inline-block; |
| | padding: .6em .9em; |
| | background: #2a2a2a; |
| | color: #e87057; |
| | border: 1px solid #e87057; |
| | border-bottom: none; |
| | cursor: pointer; |
| } | | } |
|
| |
|
| nav.vector-menu-tabs li.new a,
| | #p-cactions .vector-menu-content-list { |
| nav.vector-menu-tabs li.new a:visited {
| | background: #333; |
| color: #a55858
| | border: 1px solid #e87057; |
| } | | } |
|
| |
|
| nav.vector-menu-tabs li.selected {
| | #p-cactions .vector-menu-content-list li a { |
| background-image: url('images/tab-current-fade.png')
| | display: block; |
| | padding: .4em .8em; |
| | background: #333; |
| | color: #c1c1c1; |
| | border-bottom: 1px solid #444; |
| } | | } |
|
| |
|
| nav.vector-menu-tabs li.selected a,
| | #p-cactions .vector-menu-content-list li a:hover { |
| nav.vector-menu-tabs li.selected a:visited {
| | background: #3a3a3a; |
| color: #333;
| | color: #fff; |
| text-decoration: none
| |
| } | | } |
|
| |
|
| nav.vector-menu-tabs li.icon a {
| | .vector-menu-tabs li a, |
| background-position: bottom right; | | .vector-menu-tabs li.selected a { |
| background-repeat: no-repeat | | outline: none !important; |
| | box-shadow: none !important; |
| | border: none !important; |
| } | | } |
|
| |
|
| nav.vector-menu-tabs li a {
| | .vector-menu-tabs li.selected { |
| display: inline-block; | | border: 1px solid #e87057 !important; |
| height: 1.9em;
| | background: #333; |
| padding-left: .5em;
| |
| padding-right: .5em;
| |
| color: #e87057;
| |
| cursor: pointer; | |
| font-size: .8em
| |
| } | | } |
|
| |
|
| nav.vector-menu-tabs li > a {
| | .vector-menu-tabs li.selected a { |
| display: block
| | color: #e87057 !important; |
| }
| |
| | |
| nav.vector-menu-tabs span {
| |
| display: inline-block;
| |
| background-image: url('images/tab-break.png');
| |
| background-position: bottom right;
| |
| background-repeat: no-repeat
| |
| }
| |
| | |
| nav.vector-menu-tabs span a {
| |
| display: inline-block;
| |
| padding-top: 1.25em
| |
| }
| |
| | |
| nav.vector-menu-tabs span > a {
| |
| float: left; | |
| display: block
| |
| } | | } |
|
| |
|
Line 1,347: |
Line 1,289: |
| background-position: 5px 60% | | background-position: 5px 60% |
| } | | } |
| | | #ca-unwatch.icon a, |
| | #ca-watch.icon a, |
| | #ca-unwatch.icon a:hover, |
| | #ca-watch.icon a:hover, |
| | #ca-unwatch.icon a:focus, |
| | #ca-watch.icon a:focus, |
| | #ca-unwatch.icon a.loading, |
| | #ca-watch.icon a.loading { |
| | background-repeat: no-repeat; |
| | } |
| #ca-unwatch.icon a { | | #ca-unwatch.icon a { |
| background-image: url('images/unwatch-icon.svg'); | | background-image: url('images/unwatch-icon.svg'); |
Line 1,377: |
Line 1,328: |
| #ca-watch.icon a.loading { | | #ca-watch.icon a.loading { |
| background-image: url('images/watch-icon-loading.svg'); | | background-image: url('images/watch-icon-loading.svg'); |
| background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg'); | | background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon-loading.svg'); |
| background-image: linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg'); | | background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon-loading.svg'); |
| -webkit-animation: rotate 700ms infinite linear; | | -webkit-animation: rotate 700ms infinite linear; |
| -moz-animation: rotate 700ms infinite linear; | | -moz-animation: rotate 700ms infinite linear; |