Welcome to Gaia! ::

The Linux Guild: Closing down. Merging with new guild

Back to Guilds

 

 

Reply Empty
Altering Gaia's layout with css in Opera

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

You Rule Supreme

PostPosted: Sat Jun 24, 2006 8:53 am


My goal is to change Gaia's layout (and all other web pages I visit) such that:
The background is dark (the rest of my desktop has a dark theme).
Images still display (so that I can be notified of pm's/friend requests/et cetera and see banners in profiles).

I have decided to create a style sheet in opera to do this so was wondering if there is an easier way or any suggestions.

Does everyone else just browse with the default webpage layouts?

I'll update this later >.>
PostPosted: Sat Jun 24, 2006 11:11 am


iframe, table, div, object, form, td, th, p, span{color: #0DD2E5 !important; background: #313131 !important;}

a:link{color: #5974FF !important}
a:visited{color: #FF5975 !important}


Steps:
a) I opened a css file and saved it as *.css (mine was /usr/share/opera/styles/user/user.css)
b) tools -> prefs -> advanced -> content -> style options -> selected my .css file in choose style sheet.
c) style -> options -> presentation modes -> set default to author mode and under author mode checked page style sheet and my style sheet (and also my fonts and colours and my links but they don't seem to affect anything).

I don't get quite understand css so just keeping it simple.
First line sets white text and black background. I took it from a default accessibility file (because if I just use "*" it removes images).
The last two lines change colours of links. For some reason if I use a lower number such as #1111FF for blue it appears as white link with blue underline (instead of as entirely blue link).
Current problem is the first line doesn't affect text input boxes such as the one I am typing this post in at the moment. Don't know how to include that.

If anyone has anything fancier would love to see it biggrin

You Rule Supreme


You Rule Supreme

PostPosted: Sat Jun 24, 2006 7:56 pm


Firefox was easy enough. With adblock I was able to remove avatars and the logo and then I dl'ed the Stylish extension I put in that first code as global and then for Gaia set (taken from userstyles.org):
@namespace url(http://www.w3.org/1999/xhtml)

@-moz-document domain("gaiaonline.com") {
/* Decrease the height of the whole header area */
#header {
max-height: 124px !important;
overflow: hidden !important
}

/* Move the little info-about-you box over to the right edge of the page */
#loggedin {
max-width: 145px !important;
}

/* Hide your avatar; otherwise it would be cut off
(this and the two above go together...) */
#loggedin p.imgAvatar {
display: none !important;
}

}
PostPosted: Tue Jun 27, 2006 2:42 am


jobyjoby
Does everyone else just browse with the default webpage layouts?

Default layouts, ha, if you're talking about gaia mine is anything but normal.
I have my Gaia Layout Changer extention enabled with the quick nav and logo changer turned on, the My Home Nav Additon turned on, my Signature validator script is on with it's fix(I need to fix the user mode validator), and my Custom Emoticon Panel script is added to.

Personaly, I'd just use my Logo Changer Feature of the Extention to kill the logo if you wanted to, it uses a script instead of blocking things.

nadir-seen-fire


You Rule Supreme

PostPosted: Thu Jun 29, 2006 3:40 pm


Very nice, I know a few people who could really use the extension or ie tutorial.
Reply
Empty

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum