View bookmarklet.js
// copied from http://new.mltshp.com/static/js/bookmarklet.js (not https)
function straw() {
this.morsels = new Array();
this.id = 0;
this.init = function(){
var head = document.getElementsByTagName('head')[0],
style = document.createElement('style'),
rules = document.createTextNode('div#mltshp_container div.chum_overlay{border:10px solid #ede500;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;padding:10px;position:absolute;z-index:5000000;}\ndiv#mltshp_container div.chum_overlay div{background:#ede500;color:#000;padding:10px;text-align:center;}\ndiv#mltshp_container div.chum_overlay:hover{border:10px solid #f6ff00;}\ndiv#mltshp_container div.chum_overlay div:hover{background:#f6ff00;}');
style.type = 'text/css';
View index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/angular_material/1.1.0/angular-material.min.css">
</head>
<body ng-app="BlankApp" ng-cloak>
<!--
HTML content here
View source-colors.less
// XML source viewer:
#webkit-xml-viewer-source-xml + .header,
#webkit-xml-viewer-source-xml + div + #tree {
background-color: @background !important;
color: @foreground !important;
}
#webkit-xml-viewer-source-xml + .header {
border-bottom: 1px solid @html-comment !important;
color: @html-comment !important;
View codemirror.less
#-webkit-web-inspector .CodeMirror {
background-color: @background !important;
color: @foreground !important;
.CodeMirror-selected { background-color: @selection !important; }
.CodeMirror-gutters {
background-color: @current-line !important;
border-right: 1px solid @foreground !important;
}
View status-cats.less
// Rules in this file will be imported (by LESS) into the Custom.less file
// see: http://lesscss.org/#-importing
// Mixin to generate URLs, e.g.: .catStatus('7162/6512768893_a821929823_m')
@catPath: 'http://farm8.staticflickr.com/';
.catStatus(@statusImg: '') {
background-image: e(%('url(%s%s.jpg)', @catPath, @statusImg)) !important;
}
#-webkit-web-inspector {
View status-rappers.less
// Mixin to generate URLs, e.g.: .rapStatus('200')
@rapPath: 'http://www.httpstatusrappers.com/images/';
.rapStatus(@statusImg: '') {
background-image: e(%('url(%s%s.png)', @rapPath, @statusImg)) !important;
}
#-webkit-web-inspector {
.status-column {
overflow: visible !important;
View status-cats.css
#-webkit-web-inspector .status-column {
overflow: visible !important;
}
#-webkit-web-inspector .status-column [title] {
overflow: visible !important;
position: relative !important;
}
#-webkit-web-inspector .status-column [title]::before {
border-color: transparent transparent #000 transparent !important;
border-style: solid !important;
View status-rappers.css
#-webkit-web-inspector .status-column {
overflow: visible !important;
}
#-webkit-web-inspector .status-column [title] {
overflow: visible !important;
position: relative !important;
}
#-webkit-web-inspector .status-column [title]::before {
border-color: transparent transparent #000 transparent !important;
border-style: solid !important;
View dabblet.css
/* Demo for Prism.js pull request 61 re: empty CDATA sections */
View plist-colors.xslt
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:output method="html" omit-xml-declaration="yes" indent="yes"/>
<!--
This file is intended to transform a ".plist" file into a HTML
document that highlights color information by illustrating it
and making the color values (hexadecimal and RGB/RGBa) easier to
select and copy.