mirror of
https://github.com/neocities/neocities.git
synced 2025-08-05 17:18:02 +02:00
tutorial integration - adding references into other parts of site, updates to page 9 and 10, work on tutorial landing page
This commit is contained in:
Victoria Wang
parent
bba781c5be
commit
d2d63ccf6d
9 changed files with 115 additions and 83 deletions
|
|
@ -14,7 +14,7 @@
|
|||
}
|
||||
|
||||
.row.header-Content.content {
|
||||
padding-bottom:27px;
|
||||
padding-bottom: 31px;
|
||||
}
|
||||
|
||||
.header-Content.content{
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
background:url(/img/neocity.png) 95% bottom no-repeat;
|
||||
background-size: 734px;
|
||||
min-height:214px;
|
||||
|
||||
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
@include vendor(background-size, cover);
|
||||
min-height:2px;
|
||||
|
|
@ -64,7 +64,7 @@
|
|||
color: #B8D375;
|
||||
font-size: .9em;
|
||||
margin-bottom: 1.8em;
|
||||
|
||||
|
||||
a {
|
||||
color: #B8D375;
|
||||
border-bottom: 1px solid rgba(184, 211, 117, 0.5);
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
@include vendor(transform, scaleX(-1));
|
||||
width: 100px;
|
||||
margin-right: 25px;
|
||||
|
||||
|
||||
&.float-Right {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
|
@ -107,19 +107,19 @@
|
|||
margin-bottom:20px;
|
||||
padding:4px 20px 4px 14px;
|
||||
}
|
||||
|
||||
|
||||
li{
|
||||
padding-left:$spacing*9;
|
||||
padding-right:$spacing*3;
|
||||
margin-bottom:20px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
|
||||
h3 {
|
||||
margin-bottom: 0px;
|
||||
font-size: 1.7em;
|
||||
}
|
||||
|
||||
|
||||
p {
|
||||
color:#B2BCC1;
|
||||
line-height: 170%;
|
||||
|
|
@ -139,14 +139,14 @@
|
|||
.intro-Tools{position:relative}
|
||||
.intro-Question{
|
||||
position:relative;
|
||||
|
||||
|
||||
.intro-Icon{
|
||||
background-position:0 -40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.intro-Social {
|
||||
position:relative;
|
||||
|
||||
|
||||
.intro-Icon {
|
||||
background-position: 0 -80px;
|
||||
}
|
||||
|
|
@ -166,7 +166,7 @@
|
|||
position:absolute;
|
||||
top: -40px;
|
||||
margin-bottom: 15px;
|
||||
|
||||
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
height:auto;
|
||||
margin:0;
|
||||
|
|
@ -175,35 +175,35 @@
|
|||
position:static;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
|
||||
h2{
|
||||
margin-bottom:0;
|
||||
text-shadow:0 1px 1px rgba(0,0,0,.5);
|
||||
font-size: 1.8em;
|
||||
}
|
||||
|
||||
|
||||
hr{
|
||||
border-bottom:1px solid #4a6677;
|
||||
border-top:1px solid #1d282d;
|
||||
margin: 4px 0 21px;
|
||||
}
|
||||
|
||||
|
||||
fieldset{
|
||||
padding: 25px 33px;
|
||||
background:url(/img/sign-up-bg.png) repeat-x center top;
|
||||
background:url(/img/sign-up-bg.png) repeat-x center top;
|
||||
border-radius: 4px 4px 0 0;
|
||||
}
|
||||
|
||||
|
||||
label{
|
||||
color:#81b8c6;
|
||||
}
|
||||
|
||||
|
||||
label#domain-name {
|
||||
display: inline;
|
||||
vertical-align: 8px;
|
||||
color: #C2CFD4;
|
||||
}
|
||||
|
||||
|
||||
.input-Area{
|
||||
background:#29383f;
|
||||
border:0 solid black;
|
||||
|
|
@ -213,7 +213,7 @@
|
|||
margin-right:$spacing;
|
||||
padding: 10px 10px 7px 10px;
|
||||
width:100%;
|
||||
|
||||
|
||||
// &:focus{color:#eee}
|
||||
}
|
||||
.input-Area#create-Input {
|
||||
|
|
@ -223,7 +223,7 @@
|
|||
margin-left: 0;
|
||||
position: static;
|
||||
}
|
||||
.tooltip {
|
||||
.tooltip {
|
||||
&.left .tooltip-arrow {
|
||||
border-left-color: #971D31;
|
||||
}
|
||||
|
|
@ -249,41 +249,41 @@
|
|||
.header-Nav{
|
||||
background:#5e95a1;
|
||||
border-bottom:1px solid #92B4BD;
|
||||
|
||||
|
||||
@include vendor(transition, all 0.35s);
|
||||
|
||||
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
position:fixed;
|
||||
top:-900px!important;
|
||||
}
|
||||
|
||||
|
||||
&.show-Nav{
|
||||
top:0!important;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
|
||||
a, a:visited{
|
||||
color:#fff;
|
||||
padding:$spacing*2 $spacing*3;
|
||||
color:#fff;
|
||||
padding:$spacing*2 $spacing*3;
|
||||
text-decoration:none;
|
||||
|
||||
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
display:block;
|
||||
}
|
||||
|
||||
|
||||
>.fa-heart {
|
||||
vertical-align: .5em;
|
||||
margin-left: .3em;
|
||||
font-size: 9px;
|
||||
position: relative;
|
||||
position: relative;
|
||||
color: rgba(255, 255, 255, 0.4);
|
||||
display: inline-block;
|
||||
|
||||
|
||||
>.fa-heart {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&:hover{
|
||||
background:#528995; text-decoration:underline;
|
||||
>.fa-heart {
|
||||
|
|
@ -300,7 +300,7 @@
|
|||
}
|
||||
&.selected, &:active{background:#528995; text-decoration:underline}
|
||||
}
|
||||
|
||||
|
||||
a.small-Nav{
|
||||
background: #65a0ad;
|
||||
display:none;
|
||||
|
|
@ -311,28 +311,28 @@
|
|||
height:36px;
|
||||
z-index:9999;
|
||||
padding: 5px 12px 0px 12px;
|
||||
|
||||
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
display:block;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.notification-value {
|
||||
background: $c-Brand-1;
|
||||
padding: 2px 5px;
|
||||
@include border-radius(4px);
|
||||
}
|
||||
|
||||
|
||||
.dropdown {
|
||||
height: 2.6em; //not sure why I need this :/
|
||||
|
||||
|
||||
a {
|
||||
width:100%;
|
||||
}
|
||||
.info {
|
||||
float:right;
|
||||
margin-left: 10px;
|
||||
|
||||
|
||||
.fa-caret-down {
|
||||
margin-left:10px;
|
||||
}
|
||||
|
|
@ -345,10 +345,10 @@
|
|||
min-width: 13em;
|
||||
@include border-radius(0px 0px 6px 6px);
|
||||
@include box-shadow(0 2px 7px rgba(0,0,0,0.2));
|
||||
|
||||
|
||||
li {
|
||||
width:100%;
|
||||
|
||||
|
||||
a {
|
||||
float:left;
|
||||
}
|
||||
|
|
@ -367,21 +367,21 @@
|
|||
}
|
||||
.dropdown-submenu {
|
||||
float: left;
|
||||
|
||||
|
||||
&:hover > a, &:focus > a {
|
||||
background:#3C6670;
|
||||
}
|
||||
|
||||
|
||||
.dropdown-menu {
|
||||
width: 100%;
|
||||
margin-left: -1px;
|
||||
margin-top: -1px;
|
||||
|
||||
|
||||
li {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
>a:after {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
|
|
@ -390,27 +390,27 @@
|
|||
.constant-Nav{
|
||||
float:left;
|
||||
position:relative;
|
||||
|
||||
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
float:none;
|
||||
|
||||
|
||||
li{float:none;}
|
||||
}
|
||||
}
|
||||
|
||||
.status-Nav{
|
||||
float:right;
|
||||
|
||||
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
float:none;
|
||||
}
|
||||
|
||||
|
||||
li{
|
||||
float:left;
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
float:none
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// hp CSS
|
||||
|
|
@ -429,12 +429,12 @@
|
|||
left:-90px;
|
||||
position:fixed;
|
||||
@include vendor(transition, all 0.35s);
|
||||
|
||||
|
||||
|
||||
|
||||
&.in-View{
|
||||
left:0!important;
|
||||
z-index:99;
|
||||
|
||||
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
left:-90px!important;
|
||||
}
|
||||
|
|
@ -456,11 +456,11 @@
|
|||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
margin-left:0;
|
||||
}
|
||||
|
||||
|
||||
&.in-View{
|
||||
margin-left:0;
|
||||
padding-left:70px;
|
||||
|
||||
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
padding-left:0
|
||||
}
|
||||
|
|
@ -504,7 +504,7 @@
|
|||
padding-left:74px;
|
||||
@media (max-device-width:480px), screen and (max-width:800px){
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.interior .constant-Nav, .hp.education .constant-Nav{margin:0}
|
||||
|
|
|
|||
|
|
@ -2149,6 +2149,25 @@ pre, code {
|
|||
background: #1d1f21;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.welcoming-cat {
|
||||
width: 200px;
|
||||
float: right;
|
||||
margin-top: -40px;
|
||||
}
|
||||
.section.tutorial-welcome {
|
||||
padding: 80px 18%;
|
||||
|
||||
.option {
|
||||
margin: 3.5em 0;
|
||||
}
|
||||
h3 {
|
||||
margin-top: 0em;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
p {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
}
|
||||
|
||||
.tagcloud .tag10 { font-size: 0.6em; font-weight: 90; }
|
||||
.tagcloud .tag9 { font-size: 0.7em; font-weight: 100; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue