UNPKG

style-js

Version:

Comprehensive color manipulation classes.

126 lines (113 loc) 2.67 kB
/** * Created by Style.js 0.0.1, Wed Aug 01 2012 20:39:24 GMT+0100 (BST) */ a { font-weight: bold; text-decoration: none } a:hover { text-decoration: underline } body { font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px/14px; cursor: default; margin: 0px; padding: 0px; text-align: center; background-color: red; background-color: green; background-color: blue; background-image: url(myPicture.png) } body a { font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px/14px; color: red } body a:hover { color: black } strong body a { font-weight: bold } header { margin: 10px auto 0 auto; width: 800px; text-align: left; background: #90f410; background: #003e9a; background: #289ec6; background: #6aeac4; background: #72e9e3; background: #5025f7; background: #f8ba97; background: #5fba5d; background: #245529; background: #8a8bb8 } header h1 { margin: 0px; background: #E0E4CC; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255, 255, 255)), color-stop(100%,rgb(224, 228, 204))) } header ul { margin: 10px 0 0 0; padding: 5px 4px 5px 4px; list-style: none; background-color: #ffffff; display: block; width: 800px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 5px #e0e4cc; -webkit-box-shadow: 0 0 5px #e0e4cc; box-shadow: 0 0 5px #e0e4cc; color: #635f53; background: #e0e4cc; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e4cc)) } header ul li:last-child { margin-right: 0px; background: #E0E4CC; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255, 255, 255)), color-stop(100%,rgb(224, 228, 204))) } header ul strong, header ul a { padding: 2px 5px 3px 5px; font-size: 12px; margin: 0px; border: transparent 1px solid } header ul strong, header ul a:hover { font-weight: normal; background-color: rgb(255, 255, 255); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 10px rgb(224, 228, 204); -webkit-box-shadow: inset 0 0 10px rgb(224, 228, 204); boxshadow: inset 0 0 10px rgb(224, 228, 204); border: rgb(224, 228, 204) 1px solid } header ul a { text-decoration: none } header li { display: inline-block; padding: 3px 0 4px 0; margin-right: 5px; height: 34px; background: #90f410; background: #003e9a; background: #289ec6; background: #6aeac4; background: #72e9e3; background: #5025f7; background: #f8ba97; background: #5fba5d; background: #245529; background: #8a8bb8 }