Difference between revisions of "MediaWiki talk:Vector.css"

From The iPhone Wiki
Jump to: navigation, search
Line 1: Line 1:
  +
@thekirbylover, want to make it so instead of using images, it uses date uri's? just use [http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ this site] and paste the data uri in place of the image. browsers that don't support data uri's are old, but you could keep the image as a backup. newer browsers will notice the data uri and use it instead of sending another request to the server for the image, while older browsers (even before IE 6) will see the data uri, not know how to parse it and use the image instead. ex:
Can we remove this line of code now that geohot has changed the logo?
 
#p-logo a{background-image:url(/wiki/images/thumb/2/2b/Theiphonewiki.png/120px-Theiphonewiki.png)!important;
+
#content{background:#C5CCD4 url(/wiki/images/d/d6/Pinstripes_loop.png) top left repeat !important;}
  +
to
:--[[User:balloonhead66|Cole Johnson]] 18:35, 8 January 2012 (MST)
 
  +
#content{
:Done. --[[User:Dialexio|<span style="color:#C20; font-weight:normal;">Dialexio</span>]] 19:19, 8 January 2012 (MST)
 
  +
background: #C5CCD4 url(/wiki/images/d/d6/Pinstripes_loop.png) top left repeat !important;
  +
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAABRJREFUGFdjOHrmChK6dPrSDSACALh0EOJgMOPvAAAAAElFTkSuQmCC);
  +
}
  +
--[[User:balloonhead66|Cole Johnson]] 21:47, 8 January 2012 (MST)

Revision as of 04:47, 9 January 2012

@thekirbylover, want to make it so instead of using images, it uses date uri's? just use this site and paste the data uri in place of the image. browsers that don't support data uri's are old, but you could keep the image as a backup. newer browsers will notice the data uri and use it instead of sending another request to the server for the image, while older browsers (even before IE 6) will see the data uri, not know how to parse it and use the image instead. ex:

#content{background:#C5CCD4 url(/wiki/images/d/d6/Pinstripes_loop.png) top left repeat !important;}

to

#content{
 background: #C5CCD4 url(/wiki/images/d/d6/Pinstripes_loop.png) top left repeat !important;
 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAABRJREFUGFdjOHrmChK6dPrSDSACALh0EOJgMOPvAAAAAElFTkSuQmCC);
}

--Cole Johnson 21:47, 8 January 2012 (MST)