mirror of
https://github.com/sandstorm-io/sandstorm.git
synced 2026-11-06 01:22:38 -05:00
Jacob Weisz
234b2dd1cc
Attempt 2, the first one did the search box on the full page search page, this one should do it for the sidebar: And it is pulled out into extra.css too which is nice.
121 lines
2.5 KiB
CSS
Executable File
121 lines
2.5 KiB
CSS
Executable File
.wy-nav-side {
|
|
width: 310px;
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
.wy-side-scroll {
|
|
height: 94%;
|
|
width: 310px;
|
|
}
|
|
|
|
.wy-side-nav-search {
|
|
background-color: #723086;
|
|
}
|
|
|
|
.wy-side-nav-search input[type="text"] {
|
|
width: 100%;
|
|
border-radius: 4px;
|
|
padding: 6px 12px;
|
|
border-color: #2472a4;
|
|
}
|
|
|
|
.wy-side-nav-search>.home-and-project {
|
|
display: flex;
|
|
text-align: left;
|
|
}
|
|
|
|
.home-and-project>a.docs-home {
|
|
/* Push anything else in the flexbox as far right as possible. */
|
|
flex: 1 0;
|
|
}
|
|
|
|
|
|
.wy-side-nav-search>.home-and-project>a {
|
|
/* Fix vertical alignment problem */
|
|
line-height: initial;
|
|
/* Use default A styling for .wy-side-nav-search from theme.css */
|
|
color: #fcfcfc;
|
|
font-size: 100%;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
padding: 4px 6px;
|
|
margin-bottom: 0.809em;
|
|
}
|
|
|
|
.wy-side-nav-search>.home-and-project>a:hover {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.wy-nav-top {
|
|
text-align: left;
|
|
display: flex;
|
|
background-color: #723086;
|
|
}
|
|
}
|
|
|
|
.wy-nav-top>.nav-toggle-and-docs-home-link {
|
|
flex: 1 0;
|
|
}
|
|
.wy-nav-top>.nav-toggle-and-docs-home-link>* {
|
|
float: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.developer-next-steps {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
/* Like the default paragraph styling */
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.next-step {
|
|
width: 25%;
|
|
text-align: center;
|
|
margin: 10px 20px;
|
|
}
|
|
|
|
@media (max-width: 320px) {
|
|
.next-step {
|
|
width: 40%;
|
|
margin: 10px;
|
|
}
|
|
}
|
|
|
|
.next-step::before {
|
|
background-size: 100px 100px;
|
|
background-repeat: no-repeat;
|
|
background-position: center top;
|
|
height: 100px;
|
|
content: " ";
|
|
display: block;
|
|
}
|
|
.next-step.tutorial::before {
|
|
background-image: url("https://alpha-evgl4wnivwih0k6mzxt3.sandstorm.io/try-tutorial.svg");
|
|
}
|
|
.next-step.why::before {
|
|
background-image: url("https://alpha-evgl4wnivwih0k6mzxt3.sandstorm.io/sandstorm.svg");
|
|
}
|
|
.next-step.discussion::before {
|
|
background-image: url("https://alpha-evgl4wnivwih0k6mzxt3.sandstorm.io/write.svg");
|
|
}
|
|
.next-step.app-market::before {
|
|
background-image: url("https://alpha-evgl4wnivwih0k6mzxt3.sandstorm.io/app-market.svg");
|
|
}
|
|
.next-step.live-chat::before {
|
|
background-image: url("https://alpha-evgl4wnivwih0k6mzxt3.sandstorm.io/live-chat.svg");
|
|
}
|
|
.next-step.demo-app::before {
|
|
background-image: url("https://alpha-evgl4wnivwih0k6mzxt3.sandstorm.io/try-demo-app.svg");
|
|
}
|
|
|
|
#get-help {
|
|
padding: 20px 0;
|
|
}
|
|
|
|
#get-help a {
|
|
margin: 5px;
|
|
}
|