Skip to content

Instantly share code, notes, and snippets.

@KonTrax
Created March 29, 2013 14:48
Show Gist options
  • Save KonTrax/5271294 to your computer and use it in GitHub Desktop.
Save KonTrax/5271294 to your computer and use it in GitHub Desktop.
Some small changes to the UI of the excellent tmtheme-editor at http://tmtheme-editor.herokuapp.com/
/*
// ==UserStyles==
// @name tmTheme Editor Restyled
// @version 0.0.1
// @description Makes the design more compact
// @author KonTrax
// @applyTo http://tmtheme-editor.herokuapp.com/*
// ==/UserStyles==
*/
/* Typography */
/* Sidebar */
.list, .list td.name-box{
font-family : inherit;
font-size : inherit;
}.sidebar {
font-family : 'Segoe UI', Inconsolata, 'Source Code Pro', 'Ubuntu Mono', Monaco, Menlo, Consolas, 'Courier New', monospace;
font-size : 11px;
line-height : 130%;
}
/* Preview window */
.preview pre{
font-family : Inconsolata, 'Source Code Pro', 'Ubuntu Mono', Monaco, Menlo, Consolas, 'Courier New', monospace;
font-size : 13px;
line-height : 140%;
}
/* Gallery Slide */
#gallery ul li{
font-family : Inconsolata, 'Segoe UI', 'Source Code Pro', 'Ubuntu Mono', Monaco, Menlo, Consolas, 'Courier New', monospace;
font-size : 13px !important;
line-height : 120% !important;
}
/* Dimentions */
/* Sidebar */
.titlebar, .sidebar {
min-width : 299px;
max-width : 299px;
}
.list.general .truncate {
min-width : 240px;
max-width : 240px;
}
.sidebar .truncate {
min-width : 160px;
max-width : 160px;
}
.sidebar .check-box {
width : auto;
text-align : right;
}
/* Preview window */
.preview {
left : 301px;
}
/* Linenumbers */
.preview pre .l:before {
width : 30px;
}
/* Gallery Slide */
#gallery {}
/* Styling */
/* Gallery Slide - List Item */
#gallery ul li{
background-image : none !important;
filter : none !important;
border-top : 9px solid rgba(255, 255, 255, 0.0) !important;
border-left-width : 8px !important;
border-left-style : solid !important;
border-bottom : 9px solid rgba(255, 255, 255, 0.0) !important;
padding : 0px 2px 0px 4px !important;
margin-bottom : -12px !important;
}
/* Gallery Slide - List Item - Hover */
#gallery ul li:hover{
border-left-width : 6px !important;
border-left-color : rgba(204, 102, 0, 1.0);
}
/* Gallery Slide - List Item - Selected */
#gallery ul li.selected_bgdark {
border-left-color : rgba(19, 137, 255, 1.0);
background : rgba(255, 255, 255, 0.07);
background-clip : padding-box;
}#gallery ul li.selected_bglight {
border-left-color : rgba(19, 137, 255, 1.0);
background : rgba(0, 0, 0, 0.07);
background-clip : padding-box;
}
/* Gallery Slide - List Item - Selected - Hover */
#gallery ul li.selected_bglight:hover,
#gallery ul li.selected_bgdark:hover{
border-left : 5px solid rgba(19, 137, 255, 1.0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment