AlexBSoft/win95.css
1
1
Fork 0
mirror of https://github.com/AlexBSoft/win95.css.git synced 2024-10-05 13:27:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

Mobile improvements

Browse Source
This commit is contained in:
Alex 2019-12-07 17:51:25 +03:00
parent d15d35215f
commit 800a605f48
4 changed files with 31 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
assets/preview.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

26
assets/win95.css
View File

@ -54,6 +54,18 @@ body {
padding-left: 8px;
padding-right: 8px;
}
button:focus{
outline: 1px dotted;
}
.btn.disabled,.btn:disabled{
cursor: default;
background-color: silver;
border-style: outset;
border-color: buttonface;
border-right-color: #424242;
border-bottom-color: #424242;
color:#6c757d;
}
/*
@ -129,7 +141,17 @@ NAVBAR
.dropdown-item:hover{
color:#08216b;
}
.navbar-light .navbar-toggler.collapsed .navbar-toggler-icon {
width: 32px;
background: url(icons/directory_closed_cool-5.png);
}
.navbar-light .navbar-toggler .navbar-toggler-icon {
width: 32px;
background: url(icons/directory_open_cool-5.png);
}
.navbar-toggler{
width: auto;
}
/*
FOOTER
@ -177,9 +199,11 @@ ICONS
*/
.icon-16{
margin-bottom:2px;
max-height: 16px;
}
.icon-16-4{
margin-bottom:4px;
max-height: 16px;
}
/*

11
index.html
View File

@ -5,6 +5,7 @@
<title>Win95.CSS</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0" />
<meta author="Alex B" />
<meta property="og:image" content="assets/preview.png" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
@ -93,7 +94,7 @@
<li>Phone and email support</li>
<li>Help center access</li>
</ul>
<button type="button" class="btn btn-lg btn-block btn-primary">Contact us</button>
<button type="button" class="btn btn-lg btn-block btn-primary" disabled>Contact us</button>
</div>
</div>
</div>
@ -181,11 +182,11 @@
<footer class="taskbar">
<div class="row" style="margin-right: 0px;">
<div class="col-6">
<a href="#" class="btn start-button"><img src="assets/icons/users-1.png" class="icon-16">Author</a>
<a href="#" class="btn start-button">Some button</a>
<div class="col-8">
<a href="//alex-b.me" class="btn start-button"><img src="assets/icons/users-1.png" class="icon-16">Author</a>
<a href="#" class="btn start-button"><img src="assets/icons/directory_folder_options-5.png" class="icon-16"> GitHub</a>
</div>
<div class="col-6 time">By Alex B</div>
<div class="col-4 time">By Alex B</div>
</div>
</footer>