From 608f56c51c8abd9eafbd20883ce2c2105ff96da2 Mon Sep 17 00:00:00 2001 From: spaghetti Date: Tue, 5 Jul 2016 17:53:57 -0400 Subject: [PATCH] Retab project --- design/privatefooter.php | 76 +-- design/publicfooter.php | 2 +- design/publicheader.php | 20 +- design/views/generic/reply/quickreply.php | 234 ++++----- design/views/generic/textarea/buttons.phtml | 2 +- design/views/generic/textarea/preview.phtml | 2 +- design/views/generic/textarea/script_factory.phtml | 2 +- design/views/generic/textarea/textarea.phtml | 2 +- static/styles/global.css | 584 ++++++++++----------- static/styles/log.css | 30 +- static/styles/tooltipster/custom.css | 36 +- static/styles/tooltipster/reset.css | 26 +- static/styles/tooltipster/style.css | 360 ++++++------- .../tooltipster/themes/tooltipster-light.css | 16 +- .../styles/tooltipster/themes/tooltipster-noir.css | 16 +- .../styles/tooltipster/themes/tooltipster-punk.css | 16 +- .../tooltipster/themes/tooltipster-shadow.css | 16 +- 17 files changed, 720 insertions(+), 720 deletions(-) diff --git a/design/privatefooter.php b/design/privatefooter.php index 7d65d50..5bc76e6 100755 --- a/design/privatefooter.php +++ b/design/privatefooter.php @@ -1,44 +1,44 @@ +

+ - -
+ +
perf_table(); $Debug->flag_table(); @@ -49,8 +49,8 @@ $Debug->cache_table(); $Debug->vars_table(); $Debug->ocelot_table(); ?> -
- +
+ @@ -59,9 +59,9 @@ $Debug->ocelot_table(); diff --git a/design/publicfooter.php b/design/publicfooter.php index e102712..4ae0a06 100755 --- a/design/publicfooter.php +++ b/design/publicfooter.php @@ -3,7 +3,7 @@ diff --git a/design/publicheader.php b/design/publicheader.php index 742089d..1588982 100755 --- a/design/publicheader.php +++ b/design/publicheader.php @@ -5,16 +5,16 @@ define('FOOTER_FILE',SERVER_ROOT.'/design/publicfooter.php'); - <?=display_str($PageTitle)?> - - - - - - - - - + <?=display_str($PageTitle)?> + + + + + + + + + diff --git a/design/views/generic/reply/quickreply.php b/design/views/generic/reply/quickreply.php index 13a331f..65f9dfe 100755 --- a/design/views/generic/reply/quickreply.php +++ b/design/views/generic/reply/quickreply.php @@ -5,13 +5,13 @@ * * To include it in a section use this example. - View::parse('generic/reply/quickreply.php', array( - 'InputTitle' => 'Post reply', - 'InputName' => 'thread', - 'InputID' => $ThreadID, - 'ForumID' => $ForumID, - 'TextareaCols' => 90 - )); + View::parse('generic/reply/quickreply.php', array( + 'InputTitle' => 'Post reply', + 'InputName' => 'thread', + 'InputID' => $ThreadID, + 'ForumID' => $ForumID, + 'TextareaCols' => 90 + )); * Note that InputName and InputID are the only required variables * They're used to construct the $_POST. @@ -27,133 +27,133 @@ * comments), add a key 'SubscribeBox' to the array passed to View::parse. * Example: - View::parse('generic/reply/quickreply.php', array( - 'InputTitle' => 'Post comment', - 'InputName' => 'groupid', - 'InputID' => $GroupID, - 'TextareaCols' => 65, - 'SubscribeBox' => true - )); + View::parse('generic/reply/quickreply.php', array( + 'InputTitle' => 'Post comment', + 'InputName' => 'groupid', + 'InputID' => $GroupID, + 'TextareaCols' => 65, + 'SubscribeBox' => true + )); */ - global $HeavyInfo, $UserSubscriptions, $ThreadInfo, $Document; + global $HeavyInfo, $UserSubscriptions, $ThreadInfo, $Document; - if (G::$LoggedUser['DisablePosting']) { - return; - } - if (!isset($TextareaCols)) { - $TextareaCols = 70; - } - if (!isset($TextareaRows)) { - $TextareaRows = 8; - } - if (!isset($InputAction)) { - $InputAction = 'reply'; - } - if (!isset($InputTitle)) { - $InputTitle = 'Post comment'; - } - if (!isset($Action)) { - $Action = ''; - } + if (G::$LoggedUser['DisablePosting']) { + return; + } + if (!isset($TextareaCols)) { + $TextareaCols = 70; + } + if (!isset($TextareaRows)) { + $TextareaRows = 8; + } + if (!isset($InputAction)) { + $InputAction = 'reply'; + } + if (!isset($InputTitle)) { + $InputTitle = 'Post comment'; + } + if (!isset($Action)) { + $Action = ''; + } - // TODO: Remove inline styles + // TODO: Remove inline styles - // Old to do? - // TODO: Preview, come up with a standard, make it look like post or just a - // block of formatted BBcode, but decide and write some proper XHTML + // Old to do? + // TODO: Preview, come up with a standard, make it look like post or just a + // block of formatted BBcode, but decide and write some proper XHTML - $ReplyText = new TEXTAREA_PREVIEW('body', 'quickpost', '', - $TextareaCols, $TextareaRows, false, false, true, array( - 'tabindex="1"', - 'onkeyup="resize(\'quickpost\')"' - )); + $ReplyText = new TEXTAREA_PREVIEW('body', 'quickpost', '', + $TextareaCols, $TextareaRows, false, false, true, array( + 'tabindex="1"', + 'onkeyup="resize(\'quickpost\')"' + )); ?> -
-
-

-
- - - - - - - - - - - - - - - - - -
onsubmit="quickpostform.submit_button.disabled = true;"> - - - -
+
+
+

+
+ + + + + + + + + + + + + + + + + + onsubmit="quickpostform.submit_button.disabled = true;"> + + + +
getBuffer(); + echo $ReplyText->getBuffer(); ?> -
-
-
+
+
+
- tabindex="2" /> - + tabindex="2" /> + - tabindex="2" /> - + tabindex="2" /> + - - + + - + - - -
- -
-
+ + +
+ +
+
diff --git a/design/views/generic/textarea/buttons.phtml b/design/views/generic/textarea/buttons.phtml index 6e06ff0..2b18e5a 100755 --- a/design/views/generic/textarea/buttons.phtml +++ b/design/views/generic/textarea/buttons.phtml @@ -1,3 +1,3 @@
- +
diff --git a/design/views/generic/textarea/preview.phtml b/design/views/generic/textarea/preview.phtml index 2ba5e70..f457b69 100755 --- a/design/views/generic/textarea/preview.phtml +++ b/design/views/generic/textarea/preview.phtml @@ -1,4 +1,4 @@ diff --git a/design/views/generic/textarea/script_factory.phtml b/design/views/generic/textarea/script_factory.phtml index 5bcea06..8c4c2b5 100755 --- a/design/views/generic/textarea/script_factory.phtml +++ b/design/views/generic/textarea/script_factory.phtml @@ -1,4 +1,4 @@ diff --git a/design/views/generic/textarea/textarea.phtml b/design/views/generic/textarea/textarea.phtml index cdd938f..d1b7aa0 100755 --- a/design/views/generic/textarea/textarea.phtml +++ b/design/views/generic/textarea/textarea.phtml @@ -1,4 +1,4 @@
- +
diff --git a/static/styles/global.css b/static/styles/global.css index 6e5aadf..f20dd24 100755 --- a/static/styles/global.css +++ b/static/styles/global.css @@ -1,14 +1,14 @@ .box h3 { - font-size: 140%; + font-size: 140%; } .box h4 { - font-size: 130%; + font-size: 130%; } .box h5 { - font-size: 120%; + font-size: 120%; } .box h6 { - font-size: 110%; + font-size: 110%; } .box_addartists .add_form { @@ -31,47 +31,47 @@ h2 .group_cat { } pre br { - line-height: 0px; - display: none; + line-height: 0px; + display: none; } .center { - text-align: center; + text-align: center; } .collage_images { - padding: 0px; - width: 100%; - border-collapse: collapse; - font-size: 0; + padding: 0px; + width: 100%; + border-collapse: collapse; + font-size: 0; } .collage_images { - display: table; + display: table; } ul.collage_images li { - border: none; - float: left; - margin: 0; -/* width: 118px; - height: 118px; - width: 146px; */ - width: 146px; - list-style: none; - list-style-type: none; + border: none; + float: left; + margin: 0; +/* width: 118px; + height: 118px; + width: 146px; */ + width: 146px; + list-style: none; + list-style-type: none; } ul.collage_images li a { - display: block; -/* height: 118px; */ - width: 100%; - overflow: hidden; + display: block; +/* height: 118px; */ + width: 100%; + overflow: hidden; } ul.collage_images img { -/* height: 118px; - width: 118px; */ +/* height: 118px; + width: 118px; */ } div.collage_image { @@ -79,29 +79,29 @@ div.collage_image { } .selected a { - font-weight: bold; - text-decoration: underline; + font-weight: bold; + text-decoration: underline; } .invisible { - visibility: hidden; + visibility: hidden; } .collage td { - padding: 0px; - border: none; + padding: 0px; + border: none; } .line_new { - color: green; + color: green; } .line_deleted { - color: red; + color: red; } .line_moved { - color: blue; + color: blue; } .line_unchanged { @@ -113,55 +113,55 @@ div.collage_image { } .log2 { - color: yellow; + color: yellow; } .log3 { - color: #0E88C6; + color: #0E88C6; } .log4 { - font-weight: bold; + font-weight: bold; } .log5 { - text-decoration: underline; + text-decoration: underline; } .good { - font-weight: bold; - color: green; + font-weight: bold; + color: green; } .bad { - font-weight: bold; - color: red; + font-weight: bold; + color: red; } .goodish { - font-weight: bold; - color: #35BF00; + font-weight: bold; + color: #35BF00; } .badish { - font-weight: bold; - color: #E5B244; + font-weight: bold; + color: #E5B244; } pre { - overflow: auto; + overflow: auto; } .hidden { - display: none; + display: none; } .disable_grouping { - display: none; + display: none; } form textarea, form input { - max-width: 100%; + max-width: 100%; } textarea { @@ -170,157 +170,157 @@ textarea { } a.beta { - font-weight: bold; - color: #ff0000; + font-weight: bold; + color: #ff0000; } strong.important_text { - color: red; - font-weight: bold; + color: red; + font-weight: bold; } strong.important_text_alt { - color: green; - font-weight: bold; + color: green; + font-weight: bold; } .invalid, .warning, .error, .new { - color: #ff0000; + color: #ff0000; } /* Make [+] on add multiple artists stay at the bottom (on torrent details page) */ div#AddArtists { - position: relative; + position: relative; display: inline-block; } div#AddArtists a { - position: absolute; - right: 0pt; - bottom: 0pt; + position: absolute; + right: 0pt; + bottom: 0pt; } .clear:after { - content: "."; - display: block; - height: 0; - clear: both; - visibility: hidden; + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; } .new-subscriptions { - font-weight: bold; + font-weight: bold; } #forums #quickpost { - width: 95% + width: 95% } .rippywrap { - z-index: 25; - display: block; - position: fixed; - color: black; - text-align: center; - width: 190px; - height: 180px; - bottom: 0px; - right: 0px; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + z-index: 25; + display: block; + position: fixed; + color: black; + text-align: center; + width: 190px; + height: 180px; + bottom: 0px; + right: 0px; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .rippywrap div.rippy { - z-index: 25; - height: 111px; - width: 190px; - position: fixed; - bottom: 0px; - right: 0px; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + z-index: 25; + height: 111px; + width: 190px; + position: fixed; + bottom: 0px; + right: 0px; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } td.label { - vertical-align: top; + vertical-align: top; } span.rbt { - display: block; - padding: 8px 0 0; - background: url('../rippy/rippy_top.gif') no-repeat top; + display: block; + padding: 8px 0 0; + background: url('../rippy/rippy_top.gif') no-repeat top; } span.rbm { - display: block; - background: url('../rippy/rippy_middle.gif') repeat bottom; - padding: 0 5px; + display: block; + background: url('../rippy/rippy_middle.gif') repeat bottom; + padding: 0 5px; } span.rbb { - display: block; - padding: 4px 0px 18px; - margin-bottom: 5px; - background: url('../rippy/rippy_bottom.gif') no-repeat bottom; + display: block; + padding: 4px 0px 18px; + margin-bottom: 5px; + background: url('../rippy/rippy_bottom.gif') no-repeat bottom; } span.secondary_class { - font-size: 85%; - font-weight: bold; + font-size: 85%; + font-weight: bold; } .breadcrumbs { - font-weight: bold; - text-align: right; + font-weight: bold; + text-align: right; } .paranoia_override { - font-style: italic; + font-style: italic; } #manage_collage_table.ui-sortable .drag { - cursor: n-resize; + cursor: n-resize; } #manage_collage_table.ui-sortable .ui-sortable-helper.drag { - cursor: grabbing; - cursor: -moz-grabbing; - cursor: -webkit-grabbing; + cursor: grabbing; + cursor: -moz-grabbing; + cursor: -webkit-grabbing; } #manage_collage_table .ui-sortable-helper td, #manage_collage_table .ui-sortable-placeholder { - border: 0; + border: 0; } .drag_drop_save { - padding: 6px 0; - overflow: hidden; + padding: 6px 0; + overflow: hidden; } .headerSort { - cursor: pointer; + cursor: pointer; } .headerSort span { - background: url("../common/table-order.png") no-repeat scroll right -38px transparent; - padding: 0px 20px 0 0; + background: url("../common/table-order.png") no-repeat scroll right -38px transparent; + padding: 0px 20px 0 0; } .headerSortDown span { - background: url("../common/table-order.png") no-repeat scroll right 4px transparent; + background: url("../common/table-order.png") no-repeat scroll right 4px transparent; } .headerSortUp span { - background: url("../common/table-order.png") no-repeat scroll right -79px transparent; + background: url("../common/table-order.png") no-repeat scroll right -79px transparent; } .headerSort.sorter-false, @@ -330,84 +330,84 @@ span.secondary_class { } .album_votes { - text-align: center; + text-align: center; } .favoritecount { - font-size: 150%; - font-weight: bold; + font-size: 150%; + font-weight: bold; } .favoritecount_small { - font-size: 110%; - font-weight: bold; + font-size: 110%; + font-weight: bold; } ul.votedalbums li { - list-style: none; - list-style-type: none; - margin: 0; + list-style: none; + list-style-type: none; + margin: 0; } tr.torrent .bookmark>a:before { - text-decoration: none; - font-weight: normal; + text-decoration: none; + font-weight: normal; } tr.torrent .bookmark>a:after { - text-decoration: none; - font-weight: normal; + text-decoration: none; + font-weight: normal; } #sortable { - list-style-type: none; - margin: 0; - padding: 0; - width: 50%; + list-style-type: none; + margin: 0; + padding: 0; + width: 50%; } #sortable li { - padding: 0px; - font-size: 1.2em; - height: 1.5em; + padding: 0px; + font-size: 1.2em; + height: 1.5em; } .ui-state-highlight { - background: #007DC6 /*{bgColorHighlight}*/; - opacity: 0.15; - width: 50%; + background: #007DC6 /*{bgColorHighlight}*/; + opacity: 0.15; + width: 50%; } .navigation_list, .navigation_list ol { - list-style-position: inside; - margin-top: 10px; - margin-bottom: 20px; + list-style-position: inside; + margin-top: 10px; + margin-bottom: 20px; } .navigation_list > li { - list-style-type: upper-roman !important; + list-style-type: upper-roman !important; } .navigation_list li li { - list-style-type: decimal; + list-style-type: decimal; } .navigation_list li li li { - list-style-type: lower-roman; + list-style-type: lower-roman; } .navigation_list li li li li { - list-style-type: lower-alpha; + list-style-type: lower-alpha; } .voted_type { - font-weight: bold; + font-weight: bold; } .torrent_table .group .votes_info_td strong { - font-size: inherit; + font-size: inherit; } .invite_table td { @@ -415,60 +415,60 @@ tr.torrent .bookmark>a:after { } .preview_wrap { - text-align: left; + text-align: left; } .text_preview { - min-height: 100px + min-height: 100px } .brackets { - text-indent: 0px; - white-space: nowrap; - cursor: pointer; + text-indent: 0px; + white-space: nowrap; + cursor: pointer; } .votespan.brackets:before { - content: "( "; + content: "( "; } .votespan.brackets:after { - content: " )"; + content: " )"; } .brackets:before { - content: "["; + content: "["; } .brackets:after { - content: "]"; + content: "]"; } #userinfo .brackets:before, #userinfo .brackets:after { - content: ""; + content: ""; } .group_image { - overflow: hidden; + overflow: hidden; } .float_left { - float: left; + float: left; } .float_right { - float: right; + float: right; } .float_clear { - clear: both; + clear: both; } .group_image + .group_info { - margin-left: 100px; + margin-left: 100px; } .group_image img { - cursor: pointer; + cursor: pointer; } .user_title { - font-weight: normal; + font-weight: normal; } /* @@ -480,125 +480,125 @@ tr.torrent .bookmark>a:after { * Fix flowing issues in the report resolving pages. */ .wrap_overflow, .filelist_table td, .reportinfo_table, .torrentdetails blockquote { - word-break: normal; - -ms-word-wrap: break-word; - word-wrap: break-word; - -webkit-hyphens: auto; - -moz-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - /* Note that IE will have different behavior on word-break, - * but this is required to keep the layout from breaking. */ - -ms-word-break: break-all; + word-break: normal; + -ms-word-wrap: break-word; + word-wrap: break-word; + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; + /* Note that IE will have different behavior on word-break, + * but this is required to keep the layout from breaking. */ + -ms-word-break: break-all; } /* Non-web-standard for webkit */ .torrentdetails blockquote { - word-break: break-word; + word-break: break-word; } /* Fix long filename tables overflowing (Chrome only). */ .filelist_table td:first-child { - word-break: break-all; + word-break: break-all; } /* Fix long overflow for Opera (doesn't support word-break). */ .reportinfo_table { - table-layout: fixed; + table-layout: fixed; } /* Wrap release info for consistent DOM and to limit table expansion. */ .no_overflow { - width: 100%; - overflow: hidden; + width: 100%; + overflow: hidden; } /* Stylesheet gallery in user profile editing */ #css_gallery { - display: none; - overflow: hidden; - margin-top: 10px; + display: none; + overflow: hidden; + margin-top: 10px; } .preview_wrapper { - position: relative; - display: inline-block; - width: 29%; - height: 120px; - margin: 0 10px; + position: relative; + display: inline-block; + width: 29%; + height: 120px; + margin: 0 10px; } .preview_image { - display: block; - height: 80px; - cursor: pointer; - overflow: hidden; + display: block; + height: 80px; + cursor: pointer; + overflow: hidden; } .preview_image img { - width: 100%; + width: 100%; } .preview_name { - text-align: center; - margin-top: 5px; + text-align: center; + margin-top: 5px; } .option_group { - margin-bottom: 10px; + margin-bottom: 10px; } .option_group:last-child { - margin-bottom: 0px; + margin-bottom: 0px; } .autocomplete-suggestions { color: #000; - margin-top: 5px; - border: 1px solid #999; - background: #FFF; - overflow: auto; + margin-top: 5px; + border: 1px solid #999; + background: #FFF; + overflow: auto; } .autocomplete-suggestion { - padding: 2px 5px; - white-space: nowrap; - overflow: hidden; - cursor: pointer; + padding: 2px 5px; + white-space: nowrap; + overflow: hidden; + cursor: pointer; } .autocomplete-selected { - background: #F0F0F0; + background: #F0F0F0; } .autocomplete-suggestions strong { - font-weight: normal; - color: #3399FF; + font-weight: normal; + color: #3399FF; } .process_info { - table-layout: fixed; - width: 100%; + table-layout: fixed; + width: 100%; } .process_info_pid { - width: 70px; + width: 70px; } .process_info_data { - overflow: auto; + overflow: auto; } .setting_description > * { - margin: 1em 0 0 0; + margin: 1em 0 0 0; } .settings_sidebar { - min-height: 385px; + min-height: 385px; } #settings_sections { - position: absolute; + position: absolute; } #settings_sections.fixed { - position: fixed; - top: 0px; + position: fixed; + top: 0px; } #settings_sections #submit, #settings_sections #settings_search { - box-sizing: border-box; - -moz-box-sizing: border-box; - width: 100%; + box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; } #settings_sections h2 { - text-align: left; + text-align: left; } .forum_post .colhead_dark div { @@ -611,136 +611,136 @@ tr.torrent .bookmark>a:after { } .donor_icon { - margin-left: 2px; - margin-right: 2px; - max-width: 16px; - max-height: 16px; - position: relative; + margin-left: 2px; + margin-right: 2px; + max-width: 16px; + max-height: 16px; + position: relative; } .badge_icon { - margin: 0px 2px; - position: relative; + margin: 0px 2px; + position: relative; } .donation_info { - padding: 10px 10px 10px 20px; - margin-left: 10px; - margin-right: 10px; - margin-bottom: 20px; + padding: 10px 10px 10px 20px; + margin-left: 10px; + margin-right: 10px; + margin-bottom: 20px; } .donation_info_title { - display: block; - font-size: 1.75em; - -webkit-margin-before: 1em; - -webkit-margin-after: 1em; - -webkit-margin-start: 0px; - -webkit-margin-end: 0px; - font-weight: bold; - margin: 10px 0; + display: block; + font-size: 1.75em; + -webkit-margin-before: 1em; + -webkit-margin-after: 1em; + -webkit-margin-start: 0px; + -webkit-margin-end: 0px; + font-weight: bold; + margin: 10px 0; } .number_column { - text-align: right; + text-align: right; } .wide_input_text { - width: 95%; + width: 95%; } .top_artist_list li { - margin-left: 25px; - margin-bottom: 5px; - list-style-type: decimal; - font-size: 150%; + margin-left: 25px; + margin-bottom: 5px; + list-style-type: decimal; + font-size: 150%; } .permission_subcontainer { - margin-bottom: 10px; + margin-bottom: 10px; } .vote_tag_up, .vote_artist_up, .vote_album_up { - font-weight: bolder; + font-weight: bolder; } .vote_tag_down, .vote_artist_down, .vote_album_down { - font-weight: bolder; + font-weight: bolder; } .noborder { - border: none; + border: none; } .two_columns { - float: left; - width: 50%; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; + float: left; + width: 50%; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; } .field_div { - margin-bottom: 10px; + margin-bottom: 10px; } .field_div:last-of-type { - margin-bottom: 0; + margin-bottom: 0; } .field_div .label, .submit_div .label { - float: left; - padding: 0 5px; - text-align: right; - width: 150px; + float: left; + padding: 0 5px; + text-align: right; + width: 150px; } .field_div .input, .submit_div .input { - padding: 0 5px; + padding: 0 5px; } .small_label { - text-align: right; - width: auto; + text-align: right; + width: auto; } .scale_image { - max-width: 500px; + max-width: 500px; } .sidebar img { - max-width: 100%; + max-width: 100%; width: initial; } .forum_post td img { - max-width: 100%; + max-width: 100%; } #collage #reply_box img, #forums #reply_box img { - max-width: 650px; + max-width: 650px; } #artistcomments #reply_box img, #request_comments #reply_box img, #torrent_comments #reply_box img { - max-width: 400px; + max-width: 400px; } #artistcomments img, #request_comments img, #torrent_comments img { - max-width: 417px; + max-width: 417px; } .blog_post img { - max-width: 825px; + max-width: 825px; } .torrent_description blockquote img.scale_image { - max-width: 100%; + max-width: 100%; } #artist_information img, @@ -748,26 +748,26 @@ tr.torrent .bookmark>a:after { .news_post img, .torrent_description img, .wiki_article img { - max-width: 570px; + max-width: 570px; } .torrentdetails img { - max-width: 100%; + max-width: 100%; } #inbox #preview img, #staffpm #reply_box img, #wiki .create_form img, #wiki .edit_form img { - max-width: 805px; + max-width: 805px; } #inbox .body img { - max-width: 830px; + max-width: 830px; } #userform img { - max-width: 490px; + max-width: 490px; } video, .profileinfo img { @@ -775,11 +775,11 @@ video, .profileinfo img { } #reportsv2 .manage_form img { - max-width: 616px; + max-width: 616px; } .friends_table textarea { - max-width: 540px; + max-width: 540px; } div.torrent_artists { @@ -811,11 +811,11 @@ div.torrent_artists { #coverCont { position: fixed; - right: 20px; - top: 20px; - max-width: 30%; - background-size: contain; - background-repeat: no-repeat; + right: 20px; + top: 20px; + max-width: 30%; + background-size: contain; + background-repeat: no-repeat; z-index: 9999; } @@ -853,5 +853,5 @@ div.torrent_artists { } input[type="search"] { - -webkit-appearance: textfield; + -webkit-appearance: textfield; } diff --git a/static/styles/log.css b/static/styles/log.css index 724cafc..0b42cdf 100755 --- a/static/styles/log.css +++ b/static/styles/log.css @@ -1,47 +1,47 @@ pre, blockquote { - color: #444; + color: #444; } .log1 { - color: purple; + color: purple; } .log2 { - color: yellow; + color: yellow; } .log3 { - color: blue; + color: blue; } .log4 { - font-weight: bold; + font-weight: bold; } .log5 { - text-decoration: underline; + text-decoration: underline; } .good { - font-weight: bold; - color: green; + font-weight: bold; + color: green; } .bad { - font-weight: bold; - color: red; + font-weight: bold; + color: red; } .goodish { - font-weight: bold; - color: #35BF00; + font-weight: bold; + color: #35BF00; } .badish { - font-weight: bold; - color: #E5B244; + font-weight: bold; + color: #E5B244; } pre { - overflow: auto; + overflow: auto; } diff --git a/static/styles/tooltipster/custom.css b/static/styles/tooltipster/custom.css index e643f53..fb61f87 100755 --- a/static/styles/tooltipster/custom.css +++ b/static/styles/tooltipster/custom.css @@ -1,28 +1,28 @@ /* Main */ body { - background-color: #dcdcdc; - color: #0b0b0b; - font-size: 16px; - line-height: 22px; + background-color: #dcdcdc; + color: #0b0b0b; + font-size: 16px; + line-height: 22px; } .container, #container { - width: 978px; - margin: 10px auto; - padding: 60px; - box-shadow: 0px 0px 10px rgba(0,0,0,0.2); - background: #fff; - text-align: left; - display: block; - overflow: hidden; + width: 978px; + margin: 10px auto; + padding: 60px; + box-shadow: 0px 0px 10px rgba(0,0,0,0.2); + background: #fff; + text-align: left; + display: block; + overflow: hidden; } .item { - width: 200px; - float: left; - padding: 10px; - margin: 10px; - background: #000; - color: #fff; + width: 200px; + float: left; + padding: 10px; + margin: 10px; + background: #000; + color: #fff; } diff --git a/static/styles/tooltipster/reset.css b/static/styles/tooltipster/reset.css index a6de01d..d13a535 100755 --- a/static/styles/tooltipster/reset.css +++ b/static/styles/tooltipster/reset.css @@ -13,32 +13,32 @@ article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size:100%; - vertical-align: baseline; + margin: 0; + padding: 0; + border: 0; + font-size:100%; + vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - display: block; + display: block; } body { - line-height: 1; + line-height: 1; } ol, ul { - list-style: none; + list-style: none; } blockquote, q { - quotes: none; + quotes: none; } blockquote:before, blockquote:after, q:before, q:after { - content: ''; - content: none; + content: ''; + content: none; } table { - border-collapse: collapse; - border-spacing: 0; + border-collapse: collapse; + border-spacing: 0; } diff --git a/static/styles/tooltipster/style.css b/static/styles/tooltipster/style.css index 07c6d7b..d7f4855 100755 --- a/static/styles/tooltipster/style.css +++ b/static/styles/tooltipster/style.css @@ -1,30 +1,30 @@ /* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ .tooltipster-default { - border-radius: 5px; - border: 2px solid #808080; - background: #E0E0E0; - color: #444; + border-radius: 5px; + border: 2px solid #808080; + background: #E0E0E0; + color: #444; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { - font-family: Arial, sans-serif; - font-size: 11px; - line-height: 14px; - padding: 4px 5px; - overflow: hidden; + font-family: Arial, sans-serif; + font-size: 11px; + line-height: 14px; + padding: 4px 5px; + overflow: hidden; } /* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */ .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { - /* border-color: ... !important; */ + /* border-color: ... !important; */ } /* If you're using the icon option, use this next selector to style them */ .tooltipster-icon { - cursor: help; - margin-left: 4px; + cursor: help; + margin-left: 4px; } @@ -36,255 +36,255 @@ /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { - padding: 0; - font-size: 0; - line-height: 0; - position: absolute; - z-index: 9999999; - pointer-events: none; - width: auto; - overflow: visible; + padding: 0; + font-size: 0; + line-height: 0; + position: absolute; + z-index: 9999999; + pointer-events: none; + width: auto; + overflow: visible; } .tooltipster-base .tooltipster-content { - overflow: hidden; + overflow: hidden; } /* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */ .tooltipster-arrow { - display: block; - text-align: center; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - z-index: -1; + display: block; + text-align: center; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { - display: block; - width: 0; - height: 0; - position: absolute; + display: block; + width: 0; + height: 0; + position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { - border-left: 8px solid transparent !important; - border-right: 8px solid transparent !important; - border-top: 8px solid; - bottom: -8px; + border-left: 8px solid transparent !important; + border-right: 8px solid transparent !important; + border-top: 8px solid; + bottom: -8px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { - border-left: 9px solid transparent !important; - border-right: 9px solid transparent !important; - border-top: 9px solid; - bottom: -8px; + border-left: 9px solid transparent !important; + border-right: 9px solid transparent !important; + border-top: 9px solid; + bottom: -8px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { - border-left: 8px solid transparent !important; - border-right: 8px solid transparent !important; - border-bottom: 8px solid; - top: -8px; + border-left: 8px solid transparent !important; + border-right: 8px solid transparent !important; + border-bottom: 8px solid; + top: -8px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { - border-left: 9px solid transparent !important; - border-right: 9px solid transparent !important; - border-bottom: 9px solid; - top: -8px; + border-left: 9px solid transparent !important; + border-right: 9px solid transparent !important; + border-bottom: 9px solid; + top: -8px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { - left: 0; - right: 0; - margin: 0 auto; + left: 0; + right: 0; + margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { - left: 6px; + left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { - left: 5px; + left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { - right: 6px; + right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { - right: 5px; + right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { - border-top: 8px solid transparent !important; - border-bottom: 8px solid transparent !important; - border-left: 8px solid; - top: 50%; - margin-top: -7px; - right: -8px; + border-top: 8px solid transparent !important; + border-bottom: 8px solid transparent !important; + border-left: 8px solid; + top: 50%; + margin-top: -7px; + right: -8px; } .tooltipster-arrow-left .tooltipster-arrow-border { - border-top: 9px solid transparent !important; - border-bottom: 9px solid transparent !important; - border-left: 9px solid; - margin-top: -8px; + border-top: 9px solid transparent !important; + border-bottom: 9px solid transparent !important; + border-left: 9px solid; + margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { - border-top: 8px solid transparent !important; - border-bottom: 8px solid transparent !important; - border-right: 8px solid; - top: 50%; - margin-top: -7px; - left: -8px; + border-top: 8px solid transparent !important; + border-bottom: 8px solid transparent !important; + border-right: 8px solid; + top: 50%; + margin-top: -7px; + left: -8px; } .tooltipster-arrow-right .tooltipster-arrow-border { - border-top: 9px solid transparent !important; - border-bottom: 9px solid transparent !important; - border-right: 9px solid; - margin-top: -8px; + border-top: 9px solid transparent !important; + border-bottom: 9px solid transparent !important; + border-right: 9px solid; + margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { - opacity: 0; - -webkit-transition-property: opacity; - -moz-transition-property: opacity; - -o-transition-property: opacity; - -ms-transition-property: opacity; - transition-property: opacity; + opacity: 0; + -webkit-transition-property: opacity; + -moz-transition-property: opacity; + -o-transition-property: opacity; + -ms-transition-property: opacity; + transition-property: opacity; } .tooltipster-fade-show { - opacity: 1; + opacity: 1; } .tooltipster-grow { - -webkit-transform: scale(0,0); - -moz-transform: scale(0,0); - -o-transform: scale(0,0); - -ms-transform: scale(0,0); - transform: scale(0,0); - -webkit-transition-property: -webkit-transform; - -moz-transition-property: -moz-transform; - -o-transition-property: -o-transform; - -ms-transition-property: -ms-transform; - transition-property: transform; - -webkit-backface-visibility: hidden; + -webkit-transform: scale(0,0); + -moz-transform: scale(0,0); + -o-transform: scale(0,0); + -ms-transform: scale(0,0); + transform: scale(0,0); + -webkit-transition-property: -webkit-transform; + -moz-transition-property: -moz-transform; + -o-transition-property: -o-transform; + -ms-transition-property: -ms-transform; + transition-property: transform; + -webkit-backface-visibility: hidden; } .tooltipster-grow-show { - -webkit-transform: scale(1,1); - -moz-transform: scale(1,1); - -o-transform: scale(1,1); - -ms-transform: scale(1,1); - transform: scale(1,1); - -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + -webkit-transform: scale(1,1); + -moz-transform: scale(1,1); + -o-transform: scale(1,1); + -ms-transform: scale(1,1); + transform: scale(1,1); + -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-swing { - opacity: 0; - -webkit-transform: rotateZ(4deg); - -moz-transform: rotateZ(4deg); - -o-transform: rotateZ(4deg); - -ms-transform: rotateZ(4deg); - transform: rotateZ(4deg); - -webkit-transition-property: -webkit-transform, opacity; - -moz-transition-property: -moz-transform; - -o-transition-property: -o-transform; - -ms-transition-property: -ms-transform; - transition-property: transform; + opacity: 0; + -webkit-transform: rotateZ(4deg); + -moz-transform: rotateZ(4deg); + -o-transform: rotateZ(4deg); + -ms-transform: rotateZ(4deg); + transform: rotateZ(4deg); + -webkit-transition-property: -webkit-transform, opacity; + -moz-transition-property: -moz-transform; + -o-transition-property: -o-transform; + -ms-transition-property: -ms-transform; + transition-property: transform; } .tooltipster-swing-show { - opacity: 1; - -webkit-transform: rotateZ(0deg); - -moz-transform: rotateZ(0deg); - -o-transform: rotateZ(0deg); - -ms-transform: rotateZ(0deg); - transform: rotateZ(0deg); - -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); - -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); - -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); - -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); - -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); - transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); + opacity: 1; + -webkit-transform: rotateZ(0deg); + -moz-transform: rotateZ(0deg); + -o-transform: rotateZ(0deg); + -ms-transform: rotateZ(0deg); + transform: rotateZ(0deg); + -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); + -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); + -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); + -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); + -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); + transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); } .tooltipster-fall { - top: 0; - -webkit-transition-property: top; - -moz-transition-property: top; - -o-transition-property: top; - -ms-transition-property: top; - transition-property: top; - -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + top: 0; + -webkit-transition-property: top; + -moz-transition-property: top; + -o-transition-property: top; + -ms-transition-property: top; + transition-property: top; + -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-fall-show { } .tooltipster-fall.tooltipster-dying { - -webkit-transition-property: all; - -moz-transition-property: all; - -o-transition-property: all; - -ms-transition-property: all; - transition-property: all; - top: 0px !important; - opacity: 0; + -webkit-transition-property: all; + -moz-transition-property: all; + -o-transition-property: all; + -ms-transition-property: all; + transition-property: all; + top: 0px !important; + opacity: 0; } .tooltipster-slide { - left: -40px; - -webkit-transition-property: left; - -moz-transition-property: left; - -o-transition-property: left; - -ms-transition-property: left; - transition-property: left; - -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); - -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); - transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + left: -40px; + -webkit-transition-property: left; + -moz-transition-property: left; + -o-transition-property: left; + -ms-transition-property: left; + transition-property: left; + -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); + -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); + transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); } .tooltipster-slide.tooltipster-slide-show { } .tooltipster-slide.tooltipster-dying { - -webkit-transition-property: all; - -moz-transition-property: all; - -o-transition-property: all; - -ms-transition-property: all; - transition-property: all; - left: 0px !important; - opacity: 0; + -webkit-transition-property: all; + -moz-transition-property: all; + -o-transition-property: all; + -ms-transition-property: all; + transition-property: all; + left: 0px !important; + opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { - opacity: 0.5; - -webkit-transform: scale(1.1, 1.1); - -moz-transform: scale(1.1, 1.1); - -o-transform: scale(1.1, 1.1); - -ms-transform: scale(1.1, 1.1); - transform: scale(1.1, 1.1); + opacity: 0.5; + -webkit-transform: scale(1.1, 1.1); + -moz-transform: scale(1.1, 1.1); + -o-transform: scale(1.1, 1.1); + -ms-transform: scale(1.1, 1.1); + transform: scale(1.1, 1.1); } .gold_theme { - background: gold radial-gradient(lightyellow, gold); - color: #A25128; + background: gold radial-gradient(lightyellow, gold); + color: #A25128; } .gold_theme .tooltipster-arrow>span+span { - border-top-color: rgb(255,228,81) !important; + border-top-color: rgb(255,228,81) !important; } /* Use this next selector to style things like font-size and line-height: */ .gold_theme .tooltipster-content { - font-family: Arial, sans-serif; - font-size: 14px; - line-height: 16px; - padding: 8px 10px; - overflow: hidden; + font-family: Arial, sans-serif; + font-size: 14px; + line-height: 16px; + padding: 8px 10px; + overflow: hidden; } diff --git a/static/styles/tooltipster/themes/tooltipster-light.css b/static/styles/tooltipster/themes/tooltipster-light.css index 6e955de..f25b724 100755 --- a/static/styles/tooltipster/themes/tooltipster-light.css +++ b/static/styles/tooltipster/themes/tooltipster-light.css @@ -1,12 +1,12 @@ .tooltipster-light { - border-radius: 5px; - border: 1px solid #cccccc; - background: #ededed; - color: #666666; + border-radius: 5px; + border: 1px solid #cccccc; + background: #ededed; + color: #666666; } .tooltipster-light .tooltipster-content { - font-family: Arial, sans-serif; - font-size: 14px; - line-height: 16px; - padding: 8px 10px; + font-family: Arial, sans-serif; + font-size: 14px; + line-height: 16px; + padding: 8px 10px; } \ No newline at end of file diff --git a/static/styles/tooltipster/themes/tooltipster-noir.css b/static/styles/tooltipster/themes/tooltipster-noir.css index ba93e55..cc33954 100755 --- a/static/styles/tooltipster/themes/tooltipster-noir.css +++ b/static/styles/tooltipster/themes/tooltipster-noir.css @@ -1,12 +1,12 @@ .tooltipster-noir { - border-radius: 0px; - border: 3px solid #2c2c2c; - background: #fff; - color: #2c2c2c; + border-radius: 0px; + border: 3px solid #2c2c2c; + background: #fff; + color: #2c2c2c; } .tooltipster-noir .tooltipster-content { - font-family: 'Georgia', serif; - font-size: 14px; - line-height: 16px; - padding: 8px 10px; + font-family: 'Georgia', serif; + font-size: 14px; + line-height: 16px; + padding: 8px 10px; } \ No newline at end of file diff --git a/static/styles/tooltipster/themes/tooltipster-punk.css b/static/styles/tooltipster/themes/tooltipster-punk.css index 393a570..304c4e5 100755 --- a/static/styles/tooltipster/themes/tooltipster-punk.css +++ b/static/styles/tooltipster/themes/tooltipster-punk.css @@ -1,12 +1,12 @@ .tooltipster-punk { - border-radius: 5px; - border-bottom: 3px solid #f71169; - background: #2a2a2a; - color: #fff; + border-radius: 5px; + border-bottom: 3px solid #f71169; + background: #2a2a2a; + color: #fff; } .tooltipster-punk .tooltipster-content { - font-family: 'Courier', monospace; - font-size: 14px; - line-height: 16px; - padding: 8px 10px; + font-family: 'Courier', monospace; + font-size: 14px; + line-height: 16px; + padding: 8px 10px; } \ No newline at end of file diff --git a/static/styles/tooltipster/themes/tooltipster-shadow.css b/static/styles/tooltipster/themes/tooltipster-shadow.css index e869c5e..02dc202 100755 --- a/static/styles/tooltipster/themes/tooltipster-shadow.css +++ b/static/styles/tooltipster/themes/tooltipster-shadow.css @@ -1,12 +1,12 @@ .tooltipster-shadow { - border-radius: 5px; - background: #fff; - box-shadow: 0px 0px 14px rgba(0,0,0,0.3); - color: #2c2c2c; + border-radius: 5px; + background: #fff; + box-shadow: 0px 0px 14px rgba(0,0,0,0.3); + color: #2c2c2c; } .tooltipster-shadow .tooltipster-content { - font-family: 'Arial', sans-serif; - font-size: 14px; - line-height: 16px; - padding: 8px 10px; + font-family: 'Arial', sans-serif; + font-size: 14px; + line-height: 16px; + padding: 8px 10px; } \ No newline at end of file