| dania.patch | ||
| direct7.css | ||
| direct7basic.css | ||
| example-icon.png | ||
| example-wallpaper.jpg | ||
| example-wallpaper2.jpg | ||
| index.html | ||
| readme.md | ||
| segoeui.ttf | ||
Direct7
Lightweight CSS library emulating the look of Windows 7 Basic and Windows 7 Aero glass transparency
Installation
Please do not leech off my server! Download your own copy of the file, and host it yourself. I have limited bandwidth and cannot service everyone's requests if they are using me to source their files.
$ git clone https://git.aquamarine.gay/aquamarine/direct7
Then, in your index.html file, append:
...<head>
...
<link rel="stylesheet" src="direct7.css">
...
</head>...
The example index.html file shipped with the library is for demonstration purposes and only exists to test and develop new features. You should create your own document if you intend to use this.
Usage
| CSS class name | Usage |
|---|---|
window |
Defines a new window container. |
window-title |
Defines a title for the a window container. Should be placed within a window |
window-icon |
Should be placed on an <img> tag. Should be placed before the window title in a window-title. |
window-contents |
Container for the main contents of a window. Should be placed within a window. |
window-menubar |
Container for the option bar (top bar) in a window. Should be placed within a window. |
has-menubar |
Should be used alongside the window-contents class if there is an option bar in the window. |
menubar-category |
Menu heading for the menu bar. Should be placed inside a window-menubar. |
window-bottombar |
Container for the status bar in a window. Should be placed within a window. |
has-bottombar |
Should be used alongside the window-contents class if there is a bottom bar in the window. |
no-widgets |
Should be used alongside the window-contents class if there is nothing else in the window besides its contents. |
block (aliased to <p>) |
Paragraph block. Should be placed within window-contents. |
textblock-image |
Float an image beside the paragraph in a block. Should be placed within a block. |
header-block |
A block of header text. Should be placed within window-contents. |
lower-block |
Container for a collection of buttons in the lower part of a window. Buttons are ordered in reverse. Should be placed within a window. |
textarea |
Should be put on an element if it is a text box (not an <input> tag) |
Contributing
E-mail patches and issues to me [at] aquamarine.gay. I despise GitHub (and clones') systems for pull requests and do not wish to let people create accounts on this server without permission, so this is the next best solution.