@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800"); @import url("https://fonts.googleapis.com/icon?family=Material+Icons"); body { background-color: #efefef; display: inline } div, p, td, input, p { font-family: 'Open Sans', sans-serif !important } h1, h2 { color: #1d1d1d } p { color: #313131 } a, a:link, a:active, a:visited { color: #828282; text-decoration: none } a:hover { color: #000; transition: 0.4s all } input { padding: 10px; border: none !important; background: #fff !important; color: #313131 !important; font-size: 1em !important; outline: none; margin: 0px 5px !important; border-radius: 0 !important; border-radius: 3px !important } input.button, input.submit, input[type="submit"] { border-left: 7px solid #007bff !important; background: #fff !important; font-weight: 600; transition: 0.3s all !important; cursor: pointer; background: #007bff !important; border-left: none !important; color: white !important; font-weight: 700 } input.button:hover, input.submit:hover, input[type="submit"]:hover { background: #0056b3 !important; background: #0056b3 !important } input[type="button"]:disabled, input[type="submit"]:disabled { cursor: not-allowed } input.text, input[type="text"] { border: 1px solid rgba(255, 255, 255, 0.25) !important; transition: 0.4s all } select { width: 150px; padding: 5px 35px 5px 10px; border: none; border-radius: 0; height: 26px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #313131; background: url(data:image/png;base64,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) 96%/15% no-repeat #fff; margin: 5px 10px; transition: 0.4s all; outline: none } select:hover { background: url(data:image/png;base64,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) 96%/15% no-repeat #fff } #javascript_error { background: red; color: white; padding: 20px; margin-top: 10px } .jquery-notify-bar { color: #fff; text-shadow: none; border: none; opacity: 1; box-shadow: none; font-size: 1.1em; font-weight: 500; position: static; margin-top: 30px; margin-bottom: -45px; padding: 10px } .jquery-notify-bar a, .jquery-notify-bar a:link, .jquery-notify-bar a:active, .jquery-notify-bar a:visited { color: white } .jquery-notify-bar.error, .jquery-notify-bar.fail { background-color: #FF9800; color: white } .jquery-notify-bar.success { color: white; background-color: #4CAF50 } .login #wrap { margin: auto } .login label { font-size: 1em; font-weight: 600 } .login .login-logo { width: 150px; margin: 30px auto; display: flex } .login input.text { width: 270px !important } .login input.button { font-weight: 600; padding: 10px 25px; margin-top: 15px !important; font-weight: 600; background: #007bff !important } .login input.button else { background: #fff !important; border-left: 7px solid #007bff !important } .login input.button:hover { background: #0062cc !important } .login .error { padding: 10px; background: #007bff; color: white; position: fixed; top: 0; left: 0; width: 100%; margin: 0; text-align: center } .index #add-url { width: 200px } .index #new_url_form { box-sizing: border-box; overflow: hidden } .index #new_url { border: none; background: #f7f7f7; text-align: left } .index #new_url input.button { margin-top: 10px !important } .index #new_url div { background: #f7f7f7; padding: 4px; padding-top: 0px } .index .create { background: #007bff !important; width: 150px; font-size: 1.3em !important; border: none !important; font-weight: 700; text-align: center; margin-top: 10px !important; margin-left: 20px !important } .index .top { position: absolute; top: 0; left: 0; width: 100vw; height: 50px; background: #0062cc } .index .top label { font-size: 1em; font-weight: 600; color: #313131; color: #f7f7f7 } .index .top input.text { width: 360px; padding: 4px; font-weight: 200; font-size: 1em !important; background: #f7f7f7 !important } .index .top .short { padding-left: 10px } .index .top #add-keyword { width: 100px } .index .top input.button { font-weight: 500; padding: 5px 10px; font-size: 1em !important; margin-left: 10px !important; background: #e8e8e8 !important; background: #f7f7f7 !important; font-weight: 700; color: #007bff !important } .index .top input.button:hover { background: #0062cc !important; background: #e6e6e6 !important } .index .top #new_url_form { margin-left: 260px; padding: 12px } .index table.tblSorter { background-color: #f7f7f7; color: #313131 } .index table.tblSorter a { color: #313131 } .index table.tblSorter small a { color: gray } .index table.tblSorter thead tr .tablesorter-header { padding: 10px } .index table.tblSorter tfoot tr { background-color: #f7f7f7 } .index table.tblSorter thead tr th, .index table.tblSorter tfoot tr th, .index table.tblSorter th.header { background-color: transparent; border: none; padding: 4px } .index table.tblSorter thead tr .tablesorter-headerAsc, .index table.tblSorter thead tr .tablesorter-headerDesc { background-color: #e8e8e8 !important } .index table.tblSorter tbody td { color: #313131; padding: 5px; background-color: #fff; vertical-align: middle; transition: 0.4s all } .index table.tblSorter tbody tr:hover td { background-color: #e8e8e8 !important } .index table.tblSorter tbody tr.normal-row td { background: #fff } .index table.tblSorter .keyword { border-left: 7px solid #007bff } .index table.tblSorter input.text { padding: 5px; margin: 8px 5px !important } .index table.tblSorter .navigation .nav_link a { background: #fff; border: none } .index table.tblSorter .navigation .nav_link a:hover { background: #e8e8e8 } .index table.tblSorter tr.edit-row td { background: #f7f7f7 !important } .index table.tblSorter td.actions .button_stats { background: #007bff url(../img/stats.png) 0px center no-repeat; background-size: 23px; background-position: center; border: none; padding: 3px; border-radius: 2px } .index table.tblSorter td.actions .button_stats:hover { background: #0062cc url(../img/stats.png) 0px center no-repeat; background-size: 23px; background-position: center } .index table.tblSorter td.actions .button_share { background: #007bff url(../img/share.png) 0px center no-repeat; background-size: 23px; background-position: center; border: none; padding: 3px; border-radius: 2px } .index table.tblSorter td.actions .button_share:hover { background: #0062cc url(../img/share.png) 0px center no-repeat; background-size: 23px; background-position: center } .index table.tblSorter td.actions .button_edit { background: #007bff url(../img/edit.png) 0px center no-repeat; background-size: 23px; background-position: center; border: none; padding: 3px; border-radius: 2px } .index table.tblSorter td.actions .button_edit:hover { background: #0062cc url(../img/edit.png) 0px center no-repeat; background-size: 23px; background-position: center } .index table.tblSorter td.actions .button_delete { background: red url(../img/delete.png) 0px center no-repeat; background-size: 23px; background-position: center; border: none; padding: 3px; border-radius: 2px } .index table.tblSorter td.actions .button_delete:hover { background: #c00 url(../img/delete.png) 0px center no-repeat; background-size: 23px; background-position: center } nav { background: #f7f7f7; height: 100%; position: fixed; top: 0; left: 0; padding: 50px 30px; width: 200px; z-index: 10 } nav li#admin_menu_logout_link { font-size: 1.3em } nav ul#admin_menu li:hover { list-style-type: none; color: #000 } nav ul#admin_menu li { color: #1d1d1d; padding: 5px 0 } nav #admin_menu_logout_link:hover { color: #1d1d1d !important } nav .admin_menu_sublevel { font-weight: 100; margin-left: -20px } nav .material-icons { font-size: 1em; vertical-align: middle; margin-top: -1px } nav ul { list-style-type: none } img.logo { width: 90px; position: fixed; top: 0; left: 0; background: #007bff; padding: 9px 150px 8px 20px; z-index: 20 } .nav-open { color: white; position: fixed; top: 0; right: 0; z-index: 30; padding: 10px 15px; cursor: pointer; display: none } .nav-open i { font-size: 2em; line-height: 30px } header { display: none } #wrap #tabs { min-width: 580px } #wrap #tabs .tab { background: #fff !important } #wrap #tabs .wrap_unfloat { margin-bottom: -5px } #wrap #tabs ul#headers { border: none; padding: 0px } #wrap #tabs li { color: #313131 } #wrap #tabs #historical_clicks li:hover { background: #dedede !important } #wrap #tabs ul#headers li a, #wrap #tabs #stats_lines li a { outline: none; border: none; border-radius: 0; background: #fff; color: #313131; padding: 10px 15px 7px 25px } #wrap #tabs ul#headers li a:hover, #wrap #tabs #stats_lines li a:hover { background: #dedede } #wrap #tabs ul#headers li a h2, #wrap #tabs #stats_lines li a h2 { font-weight: 400; font-size: 1em } #wrap #tabs ul#headers li a.selected, #wrap #tabs #stats_lines li a.selected { background: #e8e8e8; border-bottom: 2px solid #007bff } #wrap #tabs ul#headers li a.selected:hover, #wrap #tabs #stats_lines li a.selected:hover { background: #d1d1d1 } #wrap #tabs #stats_lines li a { padding: 7px 15px } #wrap #tabs ul.toggle_display { border: none } #wrap #tabs svg ellipse { fill: #007bff } body.index #wrap { padding-top: 50px } #wrap { background: none; margin-left: 270px; border: none; color: #313131; max-width: 100% } .notice { width: calc(100% - 22px); margin: 0; padding: 0; border-radius: 0; background: #007bff; border: 1px solid #007bff; padding: 10px } .notice p { color: white } #shareboxes { margin-top: -10px } #sharebox { width: 558px; margin-right: 0px } div.share { background: #f7f7f7; border-radius: 0; border: none; padding: 0px 20px 10px; margin-top: 10px } div.share textarea { background: #fff; color: #313131; border: none; padding: 3px; outline: none; margin: 1px !important } div.share #charcount { padding-left: 5px; color: #313131 } div.share #share_links a { color: #313131 } .sub_wrap, .plugins main, .plugin_page_sleeky_settings main, code { background: #f7f7f7; padding: 10px; padding: 5px 25px; max-width: 100% } .sub_wrap span, .plugins main span, .plugin_page_sleeky_settings main span, code span { background: rgba(255, 255, 255, 0.2) } .sub_wrap code, .sub_wrap tt, .plugins main code, .plugins main tt, .plugin_page_sleeky_settings main code, .plugin_page_sleeky_settings main tt, code code, code tt { background: rgba(0, 123, 255, 0.7); background: rgba(35, 185, 222, 0.5) } .sub_wrap a.bookmarklet, .plugins main a.bookmarklet, .plugin_page_sleeky_settings main a.bookmarklet, code a.bookmarklet { border: none; background: #fff url(/images/favicon.gif) 4px center no-repeat; color: #3c3c3c; border-radius: 1px; padding: 7px 7px 7px 25px; color: #333 !important } .sub_wrap a.bookmarklet:hover, .plugins main a.bookmarklet:hover, .plugin_page_sleeky_settings main a.bookmarklet:hover, code a.bookmarklet:hover { background: #e0e0e0 url(/images/favicon.gif) 4px center no-repeat } .sub_wrap table.tblSorter, .plugins main table.tblSorter, .plugin_page_sleeky_settings main table.tblSorter, code table.tblSorter { background: #f7f7f7 } .sub_wrap table.tblSorter a, .plugins main table.tblSorter a, .plugin_page_sleeky_settings main table.tblSorter a, code table.tblSorter a { color: #313131 } .sub_wrap table.tblSorter a:hover, .plugins main table.tblSorter a:hover, .plugin_page_sleeky_settings main table.tblSorter a:hover, code table.tblSorter a:hover { color: #000 } .sub_wrap table.tblSorter thead tr th, .sub_wrap table.tblSorter tfoot tr th, .sub_wrap table.tblSorter th.header, .plugins main table.tblSorter thead tr th, .plugins main table.tblSorter tfoot tr th, .plugins main table.tblSorter th.header, .plugin_page_sleeky_settings main table.tblSorter thead tr th, .plugin_page_sleeky_settings main table.tblSorter tfoot tr th, .plugin_page_sleeky_settings main table.tblSorter th.header, code table.tblSorter thead tr th, code table.tblSorter tfoot tr th, code table.tblSorter th.header { border: none; background-color: #fff; padding: 10px } .sub_wrap table.tblSorter tbody td, .plugins main table.tblSorter tbody td, .plugin_page_sleeky_settings main table.tblSorter tbody td, code table.tblSorter tbody td { background: #e8e8e8; color: #313131 } #filter_options { padding: 0px 10px !important } body>div>pre { overflow-x: scroll; padding-left: 290px } #footer { position: fixed; bottom: 0; width: 230px; color: #828282; padding: 10px; text-align: left; z-index: 10 } #footer p { background: none; border: none; font-size: 1em } #footer p a { background: none; padding-left: 0; color: #313131 } #footer p a:hover { color: #828282 } @media (max-width: 899px) { body.index #wrap { padding-top: 210px } body.tools #wrap, body.plugins #wrap, body.plugin_page_sleeky_settings #wrap { padding-top: 50px } #wrap { margin-left: 0 } #wrap main { overflow-x: scroll } img.logo { padding: 9px 100% 8px 20px } .nav-open { display: block } nav { height: 0; padding: 0; width: 0 } nav ul#admin_menu { position: fixed; top: 0; left: 0; z-index: 9999 !important; width: 100%; height: 100%; padding: 50px; display: none; background: #0062cc } nav ul#admin_menu li { color: white } nav ul#admin_menu a, nav ul#admin_menu a:link, nav ul#admin_menu a:active, nav ul#admin_menu a:visited { color: white } .index .top { display: block; margin-top: 50px; width: 100vw; height: auto } .index .top form { margin-left: 0 !important } .index .top #new_url_form { min-width: unset; height: auto } .index .top .short { padding: 0 } .index .top #add-url, .index .top #add-keyword { width: calc(100% - 10px); margin: 10px 0px !important } .index .top input.button { margin: 0 !important; width: 100% } .index table.tblSorter { min-width: 600px } .index table.tblSorter td.actions .button_stats { background-size: 15px; margin: 3px } .index table.tblSorter td.actions .button_share { background-size: 15px; margin: 3px } .index table.tblSorter td.actions .button_edit { background-size: 15px; margin: 3px } .index table.tblSorter td.actions .button_delete { background-size: 15px; margin: 3px } #copybox { width: 100% } .jquery-notify-bar { margin-top: 210px; margin-bottom: -210px; width: calc(100vw - 20px) } .jquery-notify-bar a { margin-left: -30px } #footer { display: none } .infos #wrap { margin-top: 30px } .infos #wrap #headers li { margin: 0; display: inline-block } .infos #tabs { min-width: initial } .infos #tabs .tab { overflow: scroll } .infos #tabs ul#headers { margin: 20px 0 } .infos #tabs ul#headers li a { padding: 10px 5px } .infos #tabs ul#headers li h2 { margin: 0 } body>div>pre { padding-left: 20px } }