mirror of
https://github.com/neocities/neocities.git
synced 2025-04-25 01:32:36 +02:00
CSS and adjusted layout.erb for new dashboard design (non-dashboard pages need to be fixed)
This commit is contained in:
Victoria Wang
parent
1124ab6c87
commit
f9f90b6f6d
2 changed files with 112 additions and 21 deletions
|
|
@ -6,18 +6,16 @@
|
||||||
.content-Base{
|
.content-Base{
|
||||||
background:#f6f0e6;
|
background:#f6f0e6;
|
||||||
min-height:500px;
|
min-height:500px;
|
||||||
padding-bottom:30px;
|
padding-bottom:50px;
|
||||||
padding-top:20px;
|
padding-top: 10px;
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6{
|
h1, h2, h3, h4, h5, h6{
|
||||||
color:#e93250
|
color:#e93250
|
||||||
}
|
}
|
||||||
|
|
||||||
.content{
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
.content, .footer-Content {
|
||||||
|
padding: 20px 6%;
|
||||||
|
}
|
||||||
.single-Col{
|
.single-Col{
|
||||||
max-width:800px;
|
max-width:800px;
|
||||||
}
|
}
|
||||||
|
|
@ -26,4 +24,103 @@
|
||||||
.twitter-tweet.twitter-tweet-rendered{margin:0 auto 30px!important}
|
.twitter-tweet.twitter-tweet-rendered{margin:0 auto 30px!important}
|
||||||
|
|
||||||
// Dashboard
|
// Dashboard
|
||||||
.dash-SS{border:1px solid #ccc; background:rgba(255,255,255,.7); padding:1em; margin-bottom:20px}
|
.interior .header-Outro .col.col-50.signup-Area {padding-left: 0;}
|
||||||
|
.interior .header-Outro a {color:#E93250}
|
||||||
|
.interior .signup-Area {
|
||||||
|
min-height: 164px;
|
||||||
|
}
|
||||||
|
.interior .signup-Area img {
|
||||||
|
-moz-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10);
|
||||||
|
-webkit-box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10);
|
||||||
|
box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.10);
|
||||||
|
}
|
||||||
|
.interior .header-Outro .screenshot {
|
||||||
|
width:235px;height:141px;
|
||||||
|
}
|
||||||
|
.interior .header-Outro ul {
|
||||||
|
margin:0;padding:0;
|
||||||
|
}
|
||||||
|
.interior .header-Outro ul li {
|
||||||
|
list-style: none;
|
||||||
|
font-size: 80%;
|
||||||
|
margin-bottom: 7px;
|
||||||
|
}
|
||||||
|
.interior .signup-Form fieldset {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.interior .header-Outro h2 {
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
.welcome {
|
||||||
|
background: #daeea5 url(../img/heartcat.png) no-repeat 20px 23px;
|
||||||
|
background-size: 77px 81px;
|
||||||
|
padding: 20px 20px 20px 108px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
.welcome h4 {
|
||||||
|
font-size: 1.2em;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
.welcome .close {
|
||||||
|
float: right;
|
||||||
|
background: url(../img/welcome-close.png) no-repeat;
|
||||||
|
width: 19px;
|
||||||
|
height: 19px;
|
||||||
|
}
|
||||||
|
.files {
|
||||||
|
float:left;
|
||||||
|
background: #E4D8CB;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.files .header {
|
||||||
|
background: #5E95A1;
|
||||||
|
color: #fff;
|
||||||
|
float:left;
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
.files .breadcrumbs {
|
||||||
|
float: left;
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
.files .actions {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.files .btn-Action {
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
.btn-Action span {
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
.btn-Action.new-Page span {
|
||||||
|
background-image: url(../img/new-page.png);
|
||||||
|
background-position-y: 1px;
|
||||||
|
padding-left: 30px;
|
||||||
|
}
|
||||||
|
.btn-Action.new-Folder span {
|
||||||
|
background-image: url(../img/new-folder.png);
|
||||||
|
padding-left: 26px;
|
||||||
|
}
|
||||||
|
.files .list {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.files .list .upload-Boundary {
|
||||||
|
float: left;
|
||||||
|
border: 3px dashed #F6F0E6;
|
||||||
|
width: 100%;
|
||||||
|
margin: 20px 0;
|
||||||
|
padding: 20px;
|
||||||
|
-webkit-border-radius: 8px;
|
||||||
|
-moz-border-radius: 8px;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: url(../img/drag-drop.png) no-repeat center center;
|
||||||
|
min-height: 200px;
|
||||||
|
}
|
||||||
|
.site-actions {
|
||||||
|
float: left;
|
||||||
|
margin-top: 20px;
|
||||||
|
font-size: 90%;
|
||||||
|
}
|
||||||
|
.site-actions a {
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
@ -50,21 +50,15 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="interior">
|
<body class="interior">
|
||||||
|
|
||||||
<div class="page">
|
<div class="page">
|
||||||
|
<%= erb :'_header', layout: false %>
|
||||||
<%= erb :'_header', layout: false %>
|
|
||||||
|
<%= yield %>
|
||||||
<main class="content-Base">
|
|
||||||
<%= yield %>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<footer class="footer-Base">
|
|
||||||
<%= erb :'_footer', layout: false %>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
</div> <!-- end .page -->
|
</div> <!-- end .page -->
|
||||||
|
<footer class="footer-Base">
|
||||||
|
<%= erb :'_footer', layout: false %>
|
||||||
|
</footer>
|
||||||
|
|
||||||
<!-- scripts -->
|
<!-- scripts -->
|
||||||
<script src="assets/scripts/jquery-1.10.1.min.js"></script>
|
<script src="assets/scripts/jquery-1.10.1.min.js"></script>
|
||||||
<script src="assets/scripts/nav.min.js"></script>
|
<script src="assets/scripts/nav.min.js"></script>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue