From f71cdcaa812353ff7ca8414adec9dbecc1dcf1a6 Mon Sep 17 00:00:00 2001 From: Zealotux Date: Fri, 26 Sep 2014 02:19:49 +0200 Subject: Update style.css Added "cursor" to "options_tab_icon" according to https://github.com/ctrlcctrlv/8chan/issues/80 --- stylesheets/style.css | 1 + 1 file changed, 1 insertion(+) (limited to 'stylesheets') diff --git a/stylesheets/style.css b/stylesheets/style.css index eea2fb0d..2ac1f180 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -685,6 +685,7 @@ form.ban-appeal textarea { .options_tab_icon { padding: 5px; color: black; + cursor: pointer; } .options_tab_icon.active { color: red; -- cgit v1.3 From b888500133bcf40f2030754075bbd1b3a7a1f9b7 Mon Sep 17 00:00:00 2001 From: kaernyk Date: Fri, 26 Sep 2014 05:06:45 -0400 Subject: Corrected thread padding via style.css Conflicts: stylesheets/style.css --- stylesheets/style.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) (limited to 'stylesheets') diff --git a/stylesheets/style.css b/stylesheets/style.css index eea2fb0d..dbd3a11d 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -7,25 +7,33 @@ body { padding-left: 5px; padding-right: 5px; } + table * { margin: 0; } + a, a:visited { text-decoration: underline; color: #34345C; } + a:hover, p.intro a.post_no:hover { color: #ff0000; } + a.post_no { text-decoration: none; margin: 0; padding: 0; } + p.intro a.post_no { color: inherit; } -p.intro a.post_no, p.intro a.email, p.intro a.post_anchor { + +p.intro a.post_no, +p.intro a.email, +p.intro a.post_anchor { margin: 0; } p.intro a.email span.name { @@ -502,7 +510,6 @@ form.ban-appeal textarea { .theme-catalog div.thread img { float:none!important; margin: auto; - margin-bottom: 12px; max-height: 150px; max-width: 200px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.55); @@ -520,7 +527,7 @@ form.ban-appeal textarea { overflow:hidden; position: relative; font-size:11px; - padding: 15px; + padding:5px; max-height:300px; background: rgba(182, 182, 182, 0.12); border: 2px solid rgba(111, 111, 111, 0.34); @@ -714,3 +721,6 @@ form.ban-appeal textarea { height: 100%; margin-top: 0px; } +.mentioned { + word-wrap: break-word; +} -- cgit v1.3 From e5ce012a091a9b56059595e8b0b2b8fd904c228a Mon Sep 17 00:00:00 2001 From: kaernyk Date: Fri, 26 Sep 2014 04:41:32 -0400 Subject: Adjust theme via catalog.css & style.css Changes to catalog.css: - Forced all threads to a height of 300px and reduced padding to improve consistency. I think it improves the readability quite a bit but I may be alone in thinking this way. - Changes to style.css: - Removed additional padding to allow new catalog spacing Conflicts: stylesheets/style.css --- stylesheets/catalog.css | 26 ++++++++++++-------------- stylesheets/style.css | 28 ++++++++++++++++++---------- 2 files changed, 30 insertions(+), 24 deletions(-) (limited to 'stylesheets') diff --git a/stylesheets/catalog.css b/stylesheets/catalog.css index 29ff4cbf..b4ec6f55 100644 --- a/stylesheets/catalog.css +++ b/stylesheets/catalog.css @@ -20,26 +20,24 @@ div.threads{ } div.thread { - display: inline-block; + position: relative; vertical-align: top; - margin-bottom:25px; - margin-left: 20px; - margin-right: 15px; - text-align:center; - font-weight:normal; - width:205px; + display: inline-block; overflow:hidden; - position: relative; + margin:2px; + padding: 2px; + height:300px; + width:205px; font-size:11px; - padding: 15px; + font-weight:normal; + text-align:center; background: rgba(182, 182, 182, 0.12); border: 2px solid rgba(111, 111, 111, 0.34); - max-height:300px; } -div.thread:hover { - background: #D6DAF0; - border-color: #B7C5D9; +div.threads:hover { + background: #D6DAF0; + border-color: #B7C5D9; } div.grid-size-small { @@ -70,6 +68,6 @@ img.thread-image { } div.threads { - overflow: hidden; + overflow: hidden; } } \ No newline at end of file diff --git a/stylesheets/style.css b/stylesheets/style.css index dbd3a11d..80ed6e2b 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -222,7 +222,8 @@ div.post.reply div.body a { color: #D00; } div.post { - max-width: 97%; + max-width: 95%; + padding-left:20px; } div.post div.body { word-wrap: break-word; @@ -518,16 +519,12 @@ form.ban-appeal textarea { .theme-catalog div.thread { display: inline-block; vertical-align: top; - margin-bottom:25px; - margin-left: 20px; - margin-right: 15px; text-align:center; font-weight:normal; - width:205px; + width:205px; overflow:hidden; position: relative; font-size:11px; - padding:5px; max-height:300px; background: rgba(182, 182, 182, 0.12); border: 2px solid rgba(111, 111, 111, 0.34); @@ -549,19 +546,19 @@ form.ban-appeal textarea { width: 100px; max-width: 100px; max-height: 150px; -} +} .theme-catalog div.grid-size-small { width: 200px; max-width: 200px; max-height: 350px; -} +} .theme-catalog div.grid-size-large { width: 300px; max-width: 300px; max-height: 450px; -} +} .theme-catalog img.thread-image { height: auto; @@ -669,7 +666,7 @@ form.ban-appeal textarea { background-color: #d6daf0; border: 1px solid black; display: inline-block; - position: relative; + position: relative; margin-top: 20px; width: 600px; height: 300px; @@ -724,3 +721,14 @@ form.ban-appeal textarea { .mentioned { word-wrap: break-word; } + + +code > pre { +/* Better code tags */ + background:black; + max-width:inherit; +} + +code > pre > span.pln { + color:grey; +} -- cgit v1.3 From 76439cbdd9b9378ce21486bdec77bd77be3b371b Mon Sep 17 00:00:00 2001 From: czaks Date: Fri, 26 Sep 2014 13:34:47 +0200 Subject: we don`t use tooltipster anymore, do we? --- stylesheets/style.css | 2 - stylesheets/tooltipster/tooltipster.css | 274 -------------------------------- 2 files changed, 276 deletions(-) delete mode 100644 stylesheets/tooltipster/tooltipster.css (limited to 'stylesheets') diff --git a/stylesheets/style.css b/stylesheets/style.css index 1f51bb18..b24854ed 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -580,8 +580,6 @@ form.ban-appeal textarea { } } -@include url("tooltipster/tooltipster.css"); - .compact-boardlist { padding: 3px; padding-bottom: 0; diff --git a/stylesheets/tooltipster/tooltipster.css b/stylesheets/tooltipster/tooltipster.css deleted file mode 100644 index e5c609cc..00000000 --- a/stylesheets/tooltipster/tooltipster.css +++ /dev/null @@ -1,274 +0,0 @@ -/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */ -.tooltipster-default { - border-radius: 5px; - border: 2px solid #000; - background: #4c4c4c; - color: #fff; -} - -/* Use this next selector to style things like font-size and line-height: */ -.tooltipster-default .tooltipster-content { - font-family: Arial, sans-serif; - font-size: 14px; - line-height: 16px; - padding: 8px 10px; - 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; */ -} - - -/* If you're using the icon option, use this next selector to style them */ -.tooltipster-icon { - cursor: help; - margin-left: 4px; -} - - - - - - - - -/* This is the base styling required to make all Tooltipsters work */ -.tooltipster-base { - padding: 0; - font-size: 0; - line-height: 0; - position: absolute; - left: 0; - top: 0; - z-index: 9999999; - pointer-events: none; - width: auto; - overflow: visible; -} -.tooltipster-base .tooltipster-content { - 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; -} -.tooltipster-arrow span, .tooltipster-arrow-border { - 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: -7px; -} -.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: -7px; -} - -.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: -7px; -} -.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: -7px; -} -.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; -} -.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { - left: 6px; -} -.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { - left: 5px; -} -.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { - right: 6px; -} -.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { - 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: -7px; -} -.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; -} -.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: -7px; -} -.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; -} - - -/* 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; -} -.tooltipster-fade-show { - 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; -} -.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); -} - -.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; -} -.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); -} - -.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); -} -.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; -} - -.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); -} -.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; -} - - -/* 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); -} -- cgit v1.3 From bfb85fc2b19bcc895bd0034d0d7a9d7b64f481f4 Mon Sep 17 00:00:00 2001 From: czaks Date: Fri, 26 Sep 2014 13:35:56 +0200 Subject: catalog.css is no longer used --- stylesheets/catalog.css | 73 ------------------------------------------------- 1 file changed, 73 deletions(-) delete mode 100644 stylesheets/catalog.css (limited to 'stylesheets') diff --git a/stylesheets/catalog.css b/stylesheets/catalog.css deleted file mode 100644 index b4ec6f55..00000000 --- a/stylesheets/catalog.css +++ /dev/null @@ -1,73 +0,0 @@ -img { - float:none!important; - margin: auto; - margin-bottom: 12px; - /*max-height: 150px; - max-width: 200px;*/ - box-shadow: 0 0 4px rgba(0, 0, 0, 0.55); - border: 2px solid rgba(153, 153, 153, 0); -} - -/* -img:hover { - border: 2px solid rgba(153, 153, 153, 0.27); -} -*/ - -div.threads{ - text-align: center; - margin-left: -20px; -} - -div.thread { - position: relative; - vertical-align: top; - display: inline-block; - overflow:hidden; - margin:2px; - padding: 2px; - height:300px; - width:205px; - font-size:11px; - font-weight:normal; - text-align:center; - background: rgba(182, 182, 182, 0.12); - border: 2px solid rgba(111, 111, 111, 0.34); -} - -div.threads:hover { - background: #D6DAF0; - border-color: #B7C5D9; -} - -div.grid-size-small { - width: 200px; - max-width: 200px; - max-height: 350px; -} - -div.grid-size-large { - width: 300px; - max-width: 300px; - max-height: 450px; -} - -img.thread-image { - height: auto; - max-width: 100%; -} - -@media (max-width: 420px) { - ul#Grid { - padding-left: 18px; - } - div.thread { - width: auto; - margin-left: 0; - margin-right: 0; - - } - div.threads { - overflow: hidden; - } -} \ No newline at end of file -- cgit v1.3