User:Tobias Alcaraz/common.css

If you find a typo, inconsistency, or error, please sign up and help out the wiki! We can't do it without your help! :D Thank you!

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/***********************************************/
/***           Styling for the pad           ***/
/***********************************************/
 
#PortableCSSPad-container {
	position: fixed !important;
	z-index: 2000000004 !important; /* needed to be on top of some Wikia elements */
	margin: 0;
	padding: 0;
	width: 400px;
	height: 250px;
	top: 0;
	left: 0;
	border-radius: 10px;
	background-color: #87CEEB;
}

#PortableCSSPad-menu {
	padding: 10px;
	height: 20px;
	cursor: move;
}
 
#PortableCSSPad-title {
	float: left;
	font: 18px/20px Georgia;
	color: #000000;
	text-decoration: none;
	-webkit-transition: color 1s;
	-moz-transition: color 1s;
	transition: color 1s;
}
 
#PortableCSSPad-title:hover {
	text-decoration: underline;
	color: #0148C2;
}
 
#PortableCSSPad-buttons {
	float: right;
	width: 190px;
	height: 20px;
	cursor: auto;
}
 
.PortableCSSPad-button {
	float: left;
	cursor: pointer;
	margin-left: 5px;
	padding: 0;
	width: 20px;
	height: 20px;
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	transition: background-color .5s;
}
 
.PortableCSSPad-button,
#PortableCSSPad-container .ui-resizable-se {
	background-image: url("http://images1.wikia.nocookie.net/dev/images/1/19/PortableCSSPad-icons.png");
}
 
.PortableCSSPad-button:hover {
	background-color: rgba(0, 0, 0, .1);
}
 
/* image sprites */
#PortableCSSPad-close-button {
	background-position: -40px 0;
}
 
#PortableCSSPad-onoff-button {
	background-position: 0 0;
}
 
#PortableCSSPad-onoff-button.PortableCSSPad-onoff-button-state-off {
	background-position: -20px 0;
}
 
#PortableCSSPad-validate-button {
	background-position: 0 -20px;
}
 
#PortableCSSPad-minify-button {
	background-position: -40px -20px;
}
 
#PortableCSSPad-beautify-button {
	background-position: -20px -20px;
}
 
#PortableCSSPad-unimportant-button {
	background-position: -20px -40px;
}
 
#PortableCSSPad-important-button {
	background-position: 0 -40px;
}
 
.PortableCSSPad-vertical-bar {
	float: left;
	margin-left: 5px;
	border-left: 1px solid #000000;
	height: 20px;
}
 
#PortableCSSPad-textarea {
	margin: 0 10px 10px 10px;
	padding: 5px;
	width: 370px;
	height: 190px;
	outline: none;
	font-family: Consolas, 'Courier New', 'Lucida Console', monospace;
	border: none;
	resize: none;
	overflow-y: scroll;
	-webkit-tab-size: 4;
	-moz-tab-size: 4;
	tab-size: 4;
}
 
/***********************************************/
/***  jQuery UI Resizable for PortableCSSPad ***/
/***********************************************/
 
#PortableCSSPad-container .ui-resizable {
	position: relative;
}
 
#PortableCSSPad-container .ui-resizable-handle {
	display: block;
	font-size: 0.1px;
	position: absolute;
}
 
#PortableCSSPad-container .ui-resizable-disabled .ui-resizable-handle,
#PortableCSSPad-container .ui-resizable-autohide .ui-resizable-handle {
}
 
#PortableCSSPad-container .ui-resizable-se {
	bottom: 1px;
	cursor: se-resize;
	height: 12px;
	right: 1px;
	width: 12px;
	background-position: -50px -50px;
}