Difference between revisions of "User:Tobias Alcaraz/common.css"

From Mine Blocks Wiki
Jump to navigation Jump to search
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!

 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
/***********************************************/
+
/* Changing the top links bar (with your profile, discussion, etc.) to make it cooler. ;P */
/***          Styling for the pad          ***/
+
#p-personal {
/***********************************************/
+
  background: #333 !important;
+
  width: 100% !important;
#PortableCSSPad-container {
+
  text-align: center !important;
position: fixed !important;
+
  border-bottom: 1px solid #444 !important;
z-index: 2000000004 !important; /* needed to be on top of some Wikia elements */
+
  position: fixed !important;
margin: 0;
+
  left: 0px !important;
padding: 0;
+
  top: -0px !important;
width: 400px;
+
  z-index: 1 !important;
height: 250px;
 
top: 0;
 
left: 0;
 
border-radius: 10px;
 
background-color: #87CEEB;
 
 
}
 
}
  
#PortableCSSPad-menu {
+
#p-personal a {
padding: 10px;
+
color: #00EEEE !important;
height: 20px;
 
cursor: move;
 
 
}
 
}
+
 
#PortableCSSPad-title {
+
#p-personal a:hover {
float: left;
+
color: #00FFFF !important;
font: 18px/20px Georgia;
 
color: #000000;
 
text-decoration: none;
 
-webkit-transition: color 1s;
 
-moz-transition: color 1s;
 
transition: color 1s;
 
 
}
 
}
+
 
#PortableCSSPad-title:hover {
+
/* Test */
text-decoration: underline;
+
#p-personal:after {
color: #0148C2;
+
content: 'mine blocks wiki' !important;
}
+
color: gray !importrant;
+
font-variant: caps-small !important;
#PortableCSSPad-buttons {
+
text-align: right !important;
float: right;
+
border-top: 2px solid gray !important;
width: 190px;
+
border-bottom: 2px solid gray !important;
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;
 
 
}
 
}

Revision as of 17:57, 15 January 2017

/* Changing the top links bar (with your profile, discussion, etc.) to make it cooler. ;P */
#p-personal {
   background: #333 !important;
   width: 100% !important;
   text-align: center !important;
   border-bottom: 1px solid #444 !important;
   position: fixed !important;
   left: 0px !important;
   top: -0px !important;
   z-index: 1 !important;
}

#p-personal a {
color: #00EEEE !important;
}

#p-personal a:hover {
color: #00FFFF !important;
}

/* Test */
#p-personal:after {
content: 'mine blocks wiki' !important;
color: gray !importrant;
font-variant: caps-small !important;
text-align: right !important;
border-top: 2px solid gray !important;
border-bottom: 2px solid gray !important;
}