diff --git a/user/css/krtmn.css b/user/css/krtmn.css index 8431c1c..679e577 100644 --- a/user/css/krtmn.css +++ b/user/css/krtmn.css @@ -59,6 +59,12 @@ table.tblSorter thead tr th, table.tblSorter tfoot tr th, table.tblSorter th.hea } a, a:link, a:active, a:visited { + color: #28cbc3; + text-decoration: none; + text-shadow: 0 1px 0 #000; +} + +a:hover { color: #fff; } @@ -66,6 +72,9 @@ a, a:link, a:active, a:visited { display: none; } +::-moz-selection { background: #000; color: #fff; } +::selection { background: #000; color: #fff } + /* ============================================================== */ /* Forms & Inputs */ /* ============================================================== */ @@ -99,7 +108,7 @@ input.text, select, textarea { input.button { margin: .5em 0; - padding: .5em 2em !important; + padding: .6em 2em !important; display: inline-block; background-color: #28cbc3; background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); @@ -109,7 +118,10 @@ input.button { background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background-image: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); color: #082a28; - box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 rgba(255,255,255,.6); + -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.6); + -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.6); + box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.6); + border: 1px solid #0b3836; border-top-color: #000; text-shadow: 0 1px 0 rgba(255,255,255,.4); @@ -159,7 +171,7 @@ ul#admin_menu a { } ul#admin_menu a:hover { - background: rgba(255,255,255,.2); + background: rgba(255,255,255,.1); text-decoration: none; } @@ -188,10 +200,17 @@ ul#admin_menu li#admin_menu_logout_link a { #new_url { margin-bottom: 2em; - background: rgba(0,0,0,.1); + background-color: rgba(0,0,0,.1); + background-image: -moz-linear-gradient(-45deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 40%, rgba(255,255,255,0) 41%, rgba(255,255,255,0) 100%); + background-image: -moz-linear-gradient(-45deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 40%, rgba(255,255,255,0) 41%, rgba(255,255,255,0) 100%); + background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.03)), color-stop(40%,rgba(255,255,255,0.03)), color-stop(41%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); + background-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 40%,rgba(255,255,255,0) 41%,rgba(255,255,255,0) 100%); + background-image: -o-linear-gradient(-45deg, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 40%,rgba(255,255,255,0) 41%,rgba(255,255,255,0) 100%); + background-image: -ms-linear-gradient(-45deg, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 40%,rgba(255,255,255,0) 41%,rgba(255,255,255,0) 100%); + background-image: linear-gradient(-45deg, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 40%,rgba(255,255,255,0) 41%,rgba(255,255,255,0) 100%); border-radius: 5px; border: 1px solid #354143; - box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 10px #354143; + box-shadow: 0 2px 5px #354143, inset 0 1px 0 rgba(255,255,255,.2); margin-top: 2em; } @@ -251,9 +270,14 @@ table.tblSorter tbody td { table.tblSorter td.timestamp, table.tblSorter td.ip { font-size: .8em; - + color: rgba(0,0,0,.5); } + table.tblSorter td.timestamp:hover, + table.tblSorter td.ip:hover { + color: #000; + } + table.tblSorter td.clicks { font-size: 2em; font-family: Georgia, serif; @@ -352,9 +376,7 @@ td { body#public { font: 16px/22px 'Lato', sans-serif; - text-align: center; - color: #a8b5b9; - text-shadow: 0 -1px 0 #2f393b; + text-align: center; font-weight: 100; font-style: normal; max-width: 600px; @@ -368,6 +390,7 @@ body#public { margin-bottom: 0; line-height: 1em; color: #a8b5b9; + text-shadow: 0 -1px 0 #2f393b; } #public header h1 { @@ -403,21 +426,4 @@ body#public { #public article p { margin: 1em 0; -} - -#public a { - color: #c5d5da; - text-decoration: none; - -webkit-transition: color .4s ease-in-out 0s; - -moz-transition: color .4s ease-in-out 0s; - -o-transition: color .4s ease-in-out 0s; - -ms-transition: color .4s ease-in-out 0s; - transition: color .4s ease-in-out 0s; -} - -#public a:hover { - color: #28cbc3; -} - -#public ::-moz-selection { background: #000; } -#public ::selection { background: #000; } \ No newline at end of file +} \ No newline at end of file