The gradients. Ugh, the gradients. Please god no.
Why didn't you just make a stylish stylesheet instead a userscript, seing that it are just CSS changes?
Because I only have Greasemonkey installed and don't know anything about Stylish Very Happy

I changed the SAX chat a little bit, but it messes the pop out, so just use it for fun.


Here's the script:

Code:

// ==UserScript==
// @name       Cemetech Optimizations
// @namespace  http://vibeware.highfsb.com/
// @version    1.0
// @description  Fixes some bugs in the Cemetech design
// @match      http://www.cemetech.net/*
// @copyright  2013+, Vibeware
// ==/UserScript==

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}

// Background image
addGlobalStyle('body { background:url("http://pacman.highfsb.com/cemetech/body.jpg"); background-attachment:fixed; background-size:100% 100%; }');

// Segoe UI Font
addGlobalStyle('body { font-family: "Segoe UI"; }');
addGlobalStyle('.mainheadmiddle { font-weight: normal; font-size: 16px; }');
addGlobalStyle('.sideheadtop { font-weight: normal; font-size: 16px; }');
addGlobalStyle('.navbread { background-color: transparent; font-size: 14px; }');
addGlobalStyle('.saxinput { width: 190px; margin-bottom: 8px; }');
addGlobalStyle('.saxsubmit { display: none; }');
addGlobalStyle('.saxred { display: none; }'); // Header: Timestamp (hidden)
addGlobalStyle('.saxmaroon { font: inherit; }'); // Header: Username
addGlobalStyle('.saxblack { display: block; font: inherit; color: #FFF; margin-bottom: 8px; }'); // Message
addGlobalStyle('.saxgray { display: block; font: inherit; margin-bottom: 8px; }'); // System message (user enter / login)
addGlobalStyle('.saxgray a, .saxblack a { font: inherit; background: none; border: none; display: inline; }');
addGlobalStyle('.saxgray a:hover, .saxblack a:hover { font: inherit; background: none; border: none; }');
addGlobalStyle('.saxhighlight { display: block; font: inherit; background: rgba(255, 255, 255, 0.2); padding-bottom: 8px; }');
addGlobalStyle('#ajaxinfobox { max-height: 400px; overflow-y: scroll; }');
addGlobalStyle('#ajaxinfobox br { display: none; }');
addGlobalStyle('.ajax { margin-top: 8px; }');
addGlobalStyle('.mainbodyinner table { border: none; }');

// Full width header without banner image
addGlobalStyle('.outer { margin-top: 0px; }');
addGlobalStyle('#inner { height: auto; }');
addGlobalStyle('#htop { visibility: hidden; height: 0px; }');
addGlobalStyle('#hbot { width: auto; background-image:url("http://pacman.highfsb.com/cemetech/hbot.png"); }');
addGlobalStyle('.navsearchinput { background-color: #FFFFFF; }');

// Remove rounded corners
addGlobalStyle('.sideheadtop { background-image: url("/forum/templates/Cemetech6/images/table_top.png"); margin-top:7px;}');
addGlobalStyle('.sideheadbottom { background-image: url("/forum/templates/Cemetech6/images/table_bottom.png"); }');
addGlobalStyle('.tabletoprightcorner { visibility: hidden; }');
addGlobalStyle('.tabletopleftcorner { visibility: hidden; }');
addGlobalStyle('.mainheadmiddle { margin-top: 7px; }');

// Remove all header to content "separators"
addGlobalStyle('#hbot { top: 0px; }');
addGlobalStyle('.sideheadmiddle { margin-top: 0px; margin-bottom: 0px; }');
addGlobalStyle('.mainheadmiddle { margin-bottom: 0px; }');
addGlobalStyle('.mainbody { margin-bottom: 0px; }');
Ok, here's a ticalc.org-like design, my last thingie I do. Was just playing around anyways Smile



This time, it's a Stylish script!

Code:
@-moz-document domain("cemetech.net") {
/* General */
body {
  background-color: #DDD;
}

a {
  color: #06C;
  font-weight: bold;
  text-decoration: underline;
}
a:hover {
  color: #F00;
}
a:visited {
  color: #669;
}


/* Header */
.outer {
  margin-top: 0px;
}
#htop.inner {
  width: 100%;
  height: 90px;
  background: #FFF url(http://pacman.highfsb.com/cemetech/logo.jpg) no-repeat !important;
}
#htop.inner div[style] {
  display: none !important;
}
/* Top Navigation */
#hbot.inner {
  top: 0px;
  width: 100%;
  height: 22px;
  background: #FEC;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
#hbot div[style] {
  display: none !important;
}
.navbutton {
  height: 22px !important;
  line-height: 22px;
  background: none !important;
  text-indent: 0px !important;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #039;
  right: 0px;
}
.navbutton:hover {
  background: #FC6 !important;
  text-decoration: none;
  color: #000;
}
.navbutton:visited {
  color: #039;
}
.navbutton:visited:hover {
  color: #000;
}
.navsearchinput {
  margin-top: 2px;
  height: 14px;
  background: #FFF;
  left: 2px;
  width: 117px;
  color: #000;
}
.navsearchsubmit, .navsearchmore {
  display: none;
}

/* Left sidebar */
.sideheadtop {
  margin-right: 23px;
  margin-top: 0px;
  height: 22px;
  line-height: 22px;
  background: #039;
  padding: 0px;
}
.sideheadmiddle {
  margin-top: 0px;
  margin-bottom: 0px;
  background: #FFF;
  color: inherit;
  width: 200px;
  border-left: 2px solid #039;
  border-right: 2px solid #039;
  box-sizing: border-box;
}
.sideheadmiddle a {
  color: #06C !important;
  font-weight: bold;
  text-decoration: underline;
}
.sideheadbottom {
  background: #039;
  height: 2px;
  margin-bottom: 18px;
}

/* Content */
.tabletoprightcorner, .tabletopleftcorner {
  display: none;
}
.mainheadmiddle {
  background: #FFF;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-top: 2px solid #06C;
  border-left: 2px solid #06C;
  border-right: 2px solid #06C;
  color: #000;
  text-align: left;
  padding-left: 15px;
  padding-top: 15px;
  padding-right: 15px;
  font-size: large;
  height: auto;
}
.mainheadmiddle[style] { /* UTI */
  background: #FFF !important;
}
.mainheadmiddle div[style] {
  background-image: none !important;
}
.mainbody {
  padding: 0px 2px;
  background: #06C;
  margin-bottom: 0px;
}
.mainbody[style] { /* UTI */
  background: #06C !important;
}
.mainbodyinner {
  background: #FFF;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.mainlowermiddle {
  height: 20px;
  margin-bottom: 18px;
  background: #06C;
}
.mainlowermiddle[style] { /* UTI */
  background: #06C !important;
}

/* Special stuff */
.boldsmalltext {
  font-size: small;
  color: #666;
}
.hdivider_thick {
  background: inherit;
}
.innersidebar {
  background: inherit;
}
.tool-block {
  border: none !important;
  background: inherit !important;
}

/* Sax Chat (not sEx chat) */
.saxinput {
  width: 156px;
}
.saxred, .saxgray, .saxmaroon {
  color: #666;
}
.saxgray a, .saxblack a {
  background: inherit;
  border: none;
}
.saxgray a:hover, .saxblack a:hover {
  background: inherit;
  border: none;
  color: #F00 !important;
}
.saxblack {
  color: #000;
}
.saxhighlight {
  background-color: #FEC;
  color: inherit;
}
.saxHighlightStyle {
  background-color: #FFF !important;
  color: #000 !important;
}
.saxHighlightStyle[style] {
  border-color: #06C !important;
}
 
/* Forum specific */
.navbread {
  font-weight: bold;
  color: #039;
  font-size: 12px;
  text-decoration: none;
  background: inherit;
}
.largetext {
  color: #000 !important;
  font-size: large !important;
}
.medtext {
  color: #06C;
}

/* Topic specific */
.maintitle {
  color: inherit !important;
}

.hdivider_thick {
  display: none;
}
.avatar {
  border: none;
}

/* Search results: Doesn't work correctly because it is loaded too late */
.gsc-control-cse {
  background: inherit;
}
.gsc-webResult.gsc-result, .gsc-webResult.gsc-result:hover {
  background: inherit;
  border: none;
}
.gs-webResult.gs-result a {
  color: #06C !important;
}
.gs-webResult.gs-result a b {
  color: inherit !important;
  background-color: #FEC;
}
.gs-webResult.gs-result a:hover {
  color: #F00 !important;
}
}
PacMani wrote:
Ok, here's a ticalc.org-like design, my last thingie I do. Was just playing around anyways Smile
Haha, I actually really like how that looks, from about 15 years of being ingrained with the fact that the ticalc.org design is the best design ever. That looks certainly seems to stand the test of time, at least.
I like it, and I like how ticalc.org looks, I just think certain aspects could use an upgrade of sorts :p
KermMartian wrote:
PacMani wrote:
Ok, here's a ticalc.org-like design, my last thingie I do. Was just playing around anyways Smile
Haha, I actually really like how that looks, from about 15 years of being ingrained with the fact that the ticalc.org design is the best design ever. That looks certainly seems to stand the test of time, at least.
Why not make it a choosable theme then Razz
I'd work out some optimizations then. It's made kinda stupid right now.
It has always bothered me a bit that Cemetech echoes post notifications in chat whenever I make a small edit to touch up some wording or spelling. And on the flip side, it bothers me that I can make a substantial edit on Omnimaga without people noticing it.

What if a checkbox was added to the edit screen that allowed you to specify that an edit is an important edit? If it is unchecked, the edit goes through with no notification in any chat; if it is checked, an edit notification is produced, and perhaps the thread is also bumped.
Actually I think a good compromise would be if it only notified of edits if none else was done in the last 10 minutes, to prevent mass flood of edit notifications, and maybe let the user choose to not notify if he wants to.
DJ_O wrote:
Actually I think a good compromise would be if it only notified of edits if none else was done in the last 10 minutes.


I concur with this. Usually the edits after the initial post are minor ones (spelling, grammar, wording, etc) and any edits later on are usually amended paragraphs or something. And maybe even then, we could eventually add in edit detection so that edits under a certain threshold go un-echoed (such as punctuation) a day later. But I see the former happening some time after the/any initial implementation.
I seconded this on omnimaga. A nice check box that the user HAS to check to make it be notified of an edit seems nice and a good idea and will cut down on some redundant IRC clutter.


(EDIT: Whoops Vowels for ya Razz)
geekboy1011 wrote:
I nice check box that the user HAS to check to make it be notified of an edit seems nice and a good idea and will cut down on some redundant IRC clutter.


You're a check box? Shock
Since we have our own Shortened URL and have pointers for jsTIfied (cemete.ch/emu) and probably a few others. Can we also make pointers for popular topics such as Bugs Reports, Suggestions for the appropriate services and maybe Introducing Oneself?
Things other than (for example) cemete.ch/t4925? I hesitate to add a great deal more, because for now there's a linear relationship between number of shortlinks and shortlink aliases to scan before falling through. I could fix that with something a little smarter than a .htaccess, but I haven't done it yet.
This is a mesh of Merth's idea and mine.
It would be nice to have the TI-84+ Buttons available to forum posts.
I thought of using emoticons, but merth had a better idea of using BBC code.
I was thinking of something along the idea of:
[button]5 + 5[/button]
would put the 5 key, the plus key and another 5 key inline with "+" between each key.
Here's a list of the button codes I think would be good.
Y= WINDOW ZOOM TRACE GRAPH 2ND MODE DEL LEFT UP RIGHT ALPHA XTON STAT DOWN MATH APPS PRGM VARS CLEAR [^-1] SIN COS TAN ^ [^2] , ( ) / LOG 7 8 9 * LN 4 5 6 - STO 1 2 3 + ON 0 . [-] ENTER

Maybe the button tag can have a calc meta like so: [button=84] (default) [button=72] [button=89] [button=nspire] [button=nspirecx] [button=nspirecxcas] [button=casioXX] (I don't use Casio calcs, but XX represents the model) [button=hpXX].
But it would be a while before we get all those calcs.
willwac wrote:
This is a mesh of Merth's idea and mine.
It would be nice to have the TI-84+ Buttons available to forum posts.
I thought of using emoticons, but merth had a better idea of using BBC code.
I was thinking of something along the idea of:
[button]5 + 5[/button]
would put the 5 key, the plus key and another 5 key inline with "+" between each key.
That seems like a good idea--so long as there are no buttons that have a space in them. Maybe we should pick a different character for breaks. Like 5|+|5 or something, and then || would be | as a button.

Quote:
Here's a list of the button codes I think would be good.
Y= WINDOW ZOOM TRACE GRAPH 2ND MODE DEL LEFT UP RIGHT ALPHA XTON STAT DOWN MATH APPS PRGM VARS CLEAR [^-1] SIN COS TAN ^ [^2] , ( ) / LOG 7 8 9 * LN 4 5 6 - STO 1 2 3 + ON 0 . [-] ENTER
We don't need a list if we just apply styling to whatever is in the [button] tag.

Quote:
Maybe the button tag can have a calc meta like so: [button=84] (default) [button=72] [button=89] [button=nspire] [button=nspirecx] [button=nspirecxcas] [button=casioXX] (I don't use Casio calcs, but XX represents the model) [button=hpXX].
But it would be a while before we get all those calcs.
That's probably more work than it's worth. Just a generic button-looking style would be fine, I think.
merthsoft wrote:
willwac wrote:
This is a mesh of Merth's idea and mine.
It would be nice to have the TI-84+ Buttons available to forum posts.
I thought of using emoticons, but merth had a better idea of using BBC code.
I was thinking of something along the idea of:
[button]5 + 5[/button]
would put the 5 key, the plus key and another 5 key inline with "+" between each key.
That seems like a good idea--so long as there are no buttons that have a space in them. Maybe we should pick a different character for breaks. Like 5|+|5 or something, and then || would be | as a button..

What do you mean by breaks? Line breaks?
And there isn't a "|" button as far as I know.
Suggestion: Download pages that have no files able to be sent to jsTIfied or can't read the archive should not show the "Test entire contents in jsTIfied calculator emulator" link. Why should a Prizm addin or such download page ask me if I want to upload it to a ti8x?
Suggestion: I think it would be really useful if there was a pop up dock that stayed in the same place on the screen when scrolling that would give you access to all of the cemetech tools (jsTIfied, SourceCoder, etc) easily, because it's a bit of a pain having to click on "tools" every time.
  
Page 23 of 33
» All times are UTC - 5 Hours
 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum

 

Advertisement