diff --git a/min.less b/min.less deleted file mode 100644 index c98a317..0000000 --- a/min.less +++ /dev/null @@ -1,299 +0,0 @@ -/* - General -*/ - -body { - font-family: sans-serif; - text-align: center; - margin: 0; - font-size: 16px; -} - -hr { - margin: 2.5em auto; - &.mediumwidth { - margin: 2.5em auto; - } -} - -.mediumwidth { - font-size: 16px; - width: 40%; - margin-left: 30%; - margin-top: .3em; - margin-bottom: .3em; -} - -@media (max-width:870px) { - .mediumwidth { - width: 70%; - margin-left: 15%; - } - .row [class*="c"]{ - width: 100%; - display: block; - margin: 1% auto; - } - .row:last-child column { - margin-bottom: 2.5em; - } -} - -@media (max-width:520px) { - .mediumwidth { - width: 100%; - margin-left: 0%; - } - hr.mediumwidth { - width: auto; - } -} - -/* - Headings -*/ - -h1 { - font-size: 4em; - margin: 0; - &.title { - font-size: 7em; - } -} - -h2 { - font-size: 2em; -} - -/* - Buttons -*/ - -@btn-a-bg: #0AE; -@btn-b-bg: #3C5; -@btn-c-bg: #D33; - -i, button { - font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; -} - -button { - background: #aaa; - box-shadow: 3px 3px 0 black; - color: rgb(243, 243, 243) !important; - font-size: 2.5em; - padding: 15px 40px 16px; - text-decoration: none; - margin: .3em .7em .3em .7em; - cursor: pointer; - border: none; - &.smooth { - transition: background .15s ease-in-out; - } - &.btn-a { - background: @btn-a-bg; - &:hover { - background: darken(@btn-a-bg, 5%); - } - &:active { - background: darken(@btn-a-bg, 10%); - } - } - &.btn-b { - background: @btn-b-bg; - &:hover { - background: darken(@btn-b-bg, 5%); - } - &:active { - background: darken(@btn-b-bg, 10%); - } - } - &.btn-c { - background: @btn-c-bg; - &:hover { - background: darken(@btn-c-bg, 5%); - } - &:active { - background: darken(@btn-c-bg, 10%); - } - } - &.btn-small { - padding: 7px 19px 10px; - font-size: 16px; - } -} - -/* - Inputs -*/ - -textarea, input { - border: 1px solid #ccc; - outline: none; - padding: 6px; - font-size: .8em; - &.smooth { - transition: border .15s ease-in-out; - } - font-family: sans-serif; - &:focus { - border: 1px solid rgb(87, 171, 179); - } -} - -textarea, input[type="text"] { - width: 13em; -} - -.addon-front { - padding: 6px 11px 6px 10px; - margin-right: -2px; - border: 1px solid #ccc; - border-right: 0; - font-size: .8em; -} - -/* - Navigation -*/ - -.navbar { - width: 100%; - background: black; - color: white; - text-align: left; - height: 1.5em; - padding: 1em 0 .6em; -} - -.navbar a { - text-decoration: none; -} - -.pagename { - color: white; - padding: 0 1em 0 2em; - font-weight: bold; -} - -.navbar-link { - padding: .5em; - color: #aaa; - &:hover { - color: white; - } -} - -@media (max-width:500px) { - .navbar a { - text-align: center; - display: block; - } - .navbar { - height: 7.5em; - } -} - -/* - Tables -*/ - -table { - width: 100%; - border-spacing: 0; -} - -.table th, .table td { - padding: .5em; - line-height: 1.4em; - text-align: left; -} - -tbody tr:nth-child(2n-1) { - background: #CCC; -} - -/* - Messages -*/ - -message { - display: block; - padding: 2em 0; - background: #ACE; - &.warning { - background: #D99; - } - &.great { - background: #9D9; - } -} - -/* - Icons -*/ - -ico { - font-size: 2.04em; -} - -/* - Grid -*/ -.row { - line-height: 2em; - margin-top: 2%; - height: 2em; -} -column { - float: left; - margin: auto 1%; -} -.ie column { - margin: auto .7%; -} -.c10 { - width: 98%; -} -.c9 { - width: 88%; -} -.c8 { - width: 78%; -} -.c7 { - width: 68%; -} -.c6 { - width: 58%; -} -.c5 { - width: 48% -} -.c4 { - width: 38%; -} -.c3 { - width: 28%; -} -.c2 { - width: 18%; -} -.c1 { - width: 8%; -} - -/* Grid system responsive code is up with general above */ - -/* - IE hacks -*/ - -.ie .mediumwidth { - width: 70%; - margin-left: 0; - hr { - margin: 100px auto; - padding-left: 200px; - } -} \ No newline at end of file