forked from openkylin/platform_build
new styles and tab-highlighting to support custom Android Studio site design
Change-Id: I27d11f4526ba79bce8deb5102cc2afbe34a0e116
This commit is contained in:
parent
7281802438
commit
190e610df3
|
@ -6573,6 +6573,10 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools]
|
||||||
background: #00bcd4;
|
background: #00bcd4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dac-studio {
|
||||||
|
background: #424242;
|
||||||
|
}
|
||||||
|
|
||||||
.dac-search-mode .dac-header {
|
.dac-search-mode .dac-header {
|
||||||
background: #b0bec5;
|
background: #b0bec5;
|
||||||
-webkit-transition: background 200ms;
|
-webkit-transition: background 200ms;
|
||||||
|
@ -6712,6 +6716,18 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools]
|
||||||
outline: 0;
|
outline: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dac-studio .dac-header-console-btn {
|
||||||
|
color:#fff;
|
||||||
|
background:rgba(255, 255, 255, 0.3);
|
||||||
|
}
|
||||||
|
.dac-studio .dac-header-console-btn:hover {
|
||||||
|
background:rgba(255, 255, 255, 0.5);
|
||||||
|
}
|
||||||
|
.dac-studio .dac-header-console-btn:focus {
|
||||||
|
background:rgba(255, 255, 255, 0.7);
|
||||||
|
color:#000;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 719px) {
|
@media (max-width: 719px) {
|
||||||
.dac-header {
|
.dac-header {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -6823,6 +6839,10 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools]
|
||||||
transform-origin: right center;
|
transform-origin: right center;
|
||||||
width: 64px;
|
width: 64px;
|
||||||
}
|
}
|
||||||
|
.dac-studio .dac-header-search-inner::after {
|
||||||
|
background: -webkit-linear-gradient(right, #424242, rgba(66, 66, 66, 0));
|
||||||
|
background: linear-gradient(to left, #424242, rgba(66, 66, 66, 0));
|
||||||
|
}
|
||||||
|
|
||||||
.dac-search-mode .dac-header-search-inner::after {
|
.dac-search-mode .dac-header-search-inner::after {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
@ -6854,6 +6874,13 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools]
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dac-studio .dac-header-search {
|
||||||
|
right:150px;
|
||||||
|
}
|
||||||
|
.dac-studio .dac-header-search-input {
|
||||||
|
background: rgba(255, 255, 255, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
.dac-header-search-close, .dac-header-search-clear {
|
.dac-header-search-close, .dac-header-search-clear {
|
||||||
background: none;
|
background: none;
|
||||||
border: none;
|
border: none;
|
||||||
|
@ -7267,6 +7294,12 @@ div.jd-descr > .resource-widget[data-section=distribute\/tools]
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dac-studio .dac-nav-hamburger-top,
|
||||||
|
.dac-studio .dac-nav-hamburger-mid,
|
||||||
|
.dac-studio .dac-nav-hamburger-bot {
|
||||||
|
background: rgba(256, 256, 256, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
.dac-nav-animating .dac-nav-hamburger-top, .dac-nav-animating .dac-nav-hamburger-mid, .dac-nav-animating .dac-nav-hamburger-bot {
|
.dac-nav-animating .dac-nav-hamburger-top, .dac-nav-animating .dac-nav-hamburger-mid, .dac-nav-animating .dac-nav-hamburger-bot {
|
||||||
-webkit-transition: opacity .3s;
|
-webkit-transition: opacity .3s;
|
||||||
transition: opacity .3s;
|
transition: opacity .3s;
|
||||||
|
|
|
@ -4388,6 +4388,14 @@ $.fn.scrollIntoView = function(target) {
|
||||||
} else if (body.hasClass('downloads')) {
|
} else if (body.hasClass('downloads')) {
|
||||||
selected = navEl.find('> li.downloads > a').addClass('selected');
|
selected = navEl.find('> li.downloads > a').addClass('selected');
|
||||||
}
|
}
|
||||||
|
} else if (body.hasClass('studio')) {
|
||||||
|
if (body.hasClass('features')) {
|
||||||
|
selected = navEl.find('> li.features > a').addClass('selected');
|
||||||
|
} else if (body.hasClass('guide')) {
|
||||||
|
selected = navEl.find('> li.guide > a').addClass('selected');
|
||||||
|
} else if (body.hasClass('preview')) {
|
||||||
|
selected = navEl.find('> li.preview > a').addClass('selected');
|
||||||
|
}
|
||||||
} else if (body.hasClass('design')) {
|
} else if (body.hasClass('design')) {
|
||||||
selected = navEl.find('> li.design > a').addClass('selected');
|
selected = navEl.find('> li.design > a').addClass('selected');
|
||||||
// highlight Home nav
|
// highlight Home nav
|
||||||
|
|
Loading…
Reference in New Issue