Skip to content

Instantly share code, notes, and snippets.

@christopheranderton
Created November 5, 2017 21:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save christopheranderton/7dae5df1954cd76d83a6ff0c580cd1c5 to your computer and use it in GitHub Desktop.
Save christopheranderton/7dae5df1954cd76d83a6ff0c580cd1c5 to your computer and use it in GitHub Desktop.
Userstyle for Opera forums (November 2017). Quick & VERY dirty <== Work in progress
html, body, span, li, ul, table, td, tr, form, input, li ul, ul li, ol, button {
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
/* Hack-ish things for some browsers on Linux and Windows */
font-variant-ligatures: none;
-webkit-font-variant-ligatures: none;
text-rendering: optimizeLegibility;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
body {
/* Better readability for Opera forums in some Linux Browsers. Remove if you don't need it */
font-kerning: none;
/* For some HiDPI screens. Remove if you don't need it */
font-size: 145%;
/* For Mozilla on macOS */
-moz-osx-font-smoothing: grayscale;
line-height: 1.42857143;
/* Almost Black, based on blue for better rendering on some screens and Operating systems */
color: #16191B;
}
body, .img-thumbnail {
background-color: #efeff0;
}
a {
color: #0886e4;
text-decoration: none;
}
a:focus, a:hover {
color: #6ac45d;
text-decoration: underline;
}
b, optgroup, strong {
font-weight: 600;
}
p {
text-shadow: none;
}
.content, i.fa.fa-thumbs-up, i.fa.fa-thumbs-down {
/* Almost Black, based on blue for better rendering on some screens and Operating systems */
color: #16191B;
font-weight: 400;
}
.content {
border-radius: 4px;
}
i.fa.fa-fw.fa-ellipsis-h {
/* Semi Dark green for the Post options to differentiate from other URIs */
color: #119F22;
}
span.pagination-text {
/* Almost Black, based on blue for better rendering on some screens and Operating systems */
color: #16191B;
font-weight: 600;
}
i.fa.fa-angle-up.pointer.fa-fw.pageup {
font-weight: 600;
}
i.fa.fa-angle-down.pointer.fa-fw.pagedown {
font-weight: 600;
}
ol.breadcrumb {
text-shadow: none;
}
ol.breadcrumb a {
text-shadow: none;
color: #16191B;
}
.breadcrumb li {
text-shadow: none;
color: #568200;
}
.glyphicon {
font-family:'Glyphicons Halflings';
font-weight: 400;
/* Hack-ish things for some browsers on Linux and Windows */
text-rendering: optimizeLegibility;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}
hr {
}
.absolute-hr {
}
.h1, .h2, .h3, .h4, .h5, .h6, .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small, .title, .title a {
/* Based on Blue */
color: #333e44;
}
mark, .mark {
background-color: #f4de2b;
color: #867808;
}
.text-muted {
color: #8c979c;
}
.text-primary {
color: #cf1414;
}
a.text-primary:hover {
color: #9c0e0e;
}
.text-success {
color: #419713;
}
a.text-success:hover {
color: #31720e;
}
.text-info {
color: #1198c0;
}
a.text-info:hover {
color: #0c718f;
}
.text-warning {
color: #a14c0f;
}
a.text-warning:hover {
color: #73360a;
}
.text-danger {
color: #cb250e;
}
a.text-danger:hover {
color: #9c1c0a;
}
bg-primary {
color: #6d1616;
background-color: #df6565;
}
a.bg-primary:hover {
background-color: #e99e9e;
}
.bg-success {
background-color: #aade65;
color: #385512;
}
a.bg-success:hover {
background-color: #d6efb5;
}
.bg-info {
background-color: #6bbdd9;
color: #19576c;
}
a.bg-info:hover {
background-color: #acdae9;
}
.bg-warning {
background-color: #d99467;
color: #562e13;
}
a.bg-warning:hover {
background-color: #e8c1a8;
}
.bg-danger {
background-color: #dc6ca1;
color: #551332;
}
a.bg-danger:hover {
background-color: #eaa6c7;
}
abbr[data-original-title], abbr[title] {
border-bottom-color: #565656;
}
blockquote {
}
blockquote .small, blockquote footer, blockquote small {
color: #606a6f;
}
legend, pre {
color: #3d4b52;
}
.blockquote-reverse, blockquote.pull-right {
}
code, kbd, pre, samp {
font-family: Menlo, Consolas, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", monospace;
}
code {
color: #953333;
background-color: #fbefef;
border-radius: 2px;
}
kbd {
color: #e3e8ea;
background-color: #333e44;
border-radius: 2px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
}
pre {
background-color: #fffefe;
border: 1px solid rgba(143, 144, 151, 0.5);
border-radius: 2px;
}
caption {
color: #5f6a70;
}
legend {
border-bottom-color: #565656;
}
.form-control {
border-radius: 4px;
}
.form-group-sm .form-control, .input-sm {
border-radius: 2px;
}
.form-control:focus {
border-color: #0886e4;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .055), 0 0 5px rgba(102, 175, 233, .1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .055), 0 0 5px rgba(102, 175, 233, .1);
}
.form-control::-moz-placeholder {
color: rgba(51, 62, 68, 0.8);
}
.form-control:-ms-input-placeholder {
color: #586266;
}
.form-control::-webkit-input-placeholder {
color: rgba(51, 62, 68, 0.8);
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
color: #5b891f;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #fbfafa;
}
i.fa.fa-rss-square {
color: #c79056;
}
i.fa.fa-search.fa-fw {
color: #333e44;
}
li.dropdown a {
color: #333e44;
}
i.fa.fa-fw.fa-bell {
color: #0786E5;
}
i.fa.fa-comment.fa-fw {
color: #0abd1f;
}
a.navigation-link {
color: #333e44;
}
.header {
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
}
i.fa.fa-fw.fa-question-circle {
color: #2e65b8;
}
i.fa.fa-fw.fa-book {
color: #be8c0c;
}
i.fa.fa-fw.fa-group {
color: #0CBE1F;
}
i.fa.fa-fw.fa-user {
color: #0CBE1F;
}
i.fa.fa-fw.fa-clock-o {
color: #949494;
}
i.fa.fa-fw.fa-tags {
color: #d15a9e;
}
.alert.alert-info {
background-color: #cde7f7;
color: #16425c;
border-radius: 2px;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 1px rgba(255, 255, 255, 1), 0 0 1px rgba(0, 0, 0, .3);
}
.alert.alert-info p a {
color: #304c5e;
font-weight: bold;
}
span.title.form-control {
font-weight: 700;
color: #16191B;
}
a.no-select {
color: #16191B;
font-weight: 700;
}
small.post-author strong a {
color: #1d7806;
font-weight: 700;
}
small.timeago {
color: #454D56;
font-weight: 600;
}
small.label, small .group-label {
font-family: basis_grotesque, Helvetica, Arial, sans-serif;
font-variant-ligatures: none;
-webkit-font-variant-ligatures: none;
text-rendering: optimizeLegibility;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
font-kerning: normal;
letter-spacing: .6px;
text-indent: -.2px;
}
small.label.group-label.inline-block {
background-color: #E92227;
color: rgba(252, 234, 235, 0.9);
}
a.plugin-mentions-a {
font-weight: 600;
font-kerning: normal;
}
.content blockquote {
background-color: rgba(239, 237, 180, .4);
color: #747369;
border-radius: 2px;
border-left-width: 4px;
border-color: rgba(116, 115, 105, 0.8);
box-shadow: 0 1px 0 rgba(116, 115, 105, 0.2);
}
a.btn.btn-sm.btn-primary {
background-color: inherit;
}
button.btn.btn-sm.btn-info.dropdown-toggle {
}
.topic-main-buttons.pull-right {
border-radius: 4px;
background-color: #FEFEFE;
}
textarea.write {
font-kerning: normal;
}
span.help {
color: #2E65B8;
}
.post-content p {
color: #16191B;
text-shadow: none;
}
.category-details {
border-radius: 2px;
border-left-width: 4px;
}
span.col-md-12.col-xs-12.box-footer a small {
color: #497ea6;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment