More tweeks for visual style for the filter bar and settings
This commit is contained in:
@@ -77,10 +77,18 @@ section.cal {
|
||||
text-transform: uppercase;
|
||||
border-bottom: 1px solid lighten($dark-blue, 60%);
|
||||
padding: 6px;
|
||||
color: $bright-blue;
|
||||
|
||||
a {
|
||||
color: $bright-blue;
|
||||
display: block;
|
||||
padding: 6px;
|
||||
margin: -6px;
|
||||
|
||||
&:hover {
|
||||
color: darken($bright-blue, 10%);
|
||||
background: lighten($yellow, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -5,6 +5,7 @@ body {
|
||||
|
||||
> section {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,12 +1,17 @@
|
||||
section#unit-wrapper {
|
||||
section.filters {
|
||||
@include clearfix;
|
||||
margin-bottom: 10px;
|
||||
opacity: .4;
|
||||
background: $light-blue;
|
||||
border-bottom: 1px solid lighten($dark-blue, 40%);
|
||||
padding: 5px 20px;
|
||||
margin: -20px -20px 10px;
|
||||
opacity: .7;
|
||||
@include transition;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
padding: 10px 20px;
|
||||
margin: -20px -20px 10px;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
||||
@@ -2,27 +2,27 @@
|
||||
<a href="#" class="new-module">
|
||||
+ Add new module
|
||||
</a>
|
||||
<div>
|
||||
<form>
|
||||
<ul>
|
||||
<li>
|
||||
<input type="text" name="" id="" placeholder="Moldule title" />
|
||||
</li>
|
||||
<li>
|
||||
<select>
|
||||
<option>Use template</option>
|
||||
<option>Lecture Sequence</option>
|
||||
<option>Use template</option>
|
||||
</select>
|
||||
</li>
|
||||
<li>
|
||||
<input type="submit" value="Create & Edit Module" />
|
||||
<div>
|
||||
<a href="#">Save without edit</a>
|
||||
<a href="#">Cancel</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</form>
|
||||
</div>
|
||||
<!-- <div> -->
|
||||
<!-- <form> -->
|
||||
<!-- <ul> -->
|
||||
<!-- <li> -->
|
||||
<!-- <input type="text" name="" id="" placeholder="Moldule title" /> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <select> -->
|
||||
<!-- <option>Use template</option> -->
|
||||
<!-- <option>Lecture Sequence</option> -->
|
||||
<!-- <option>Use template</option> -->
|
||||
<!-- </select> -->
|
||||
<!-- </li> -->
|
||||
<!-- <li> -->
|
||||
<!-- <input type="submit" value="Create & Edit Module" /> -->
|
||||
<!-- <div> -->
|
||||
<!-- <a href="#">Save without edit</a> -->
|
||||
<!-- <a href="#">Cancel</a> -->
|
||||
<!-- </div> -->
|
||||
<!-- </li> -->
|
||||
<!-- </ul> -->
|
||||
<!-- </form> -->
|
||||
<!-- </div> -->
|
||||
</li>
|
||||
|
||||
Reference in New Issue
Block a user