public
Created

Some small changes to the UI of the excellent tmtheme-editor at http://tmtheme-editor.herokuapp.com/

  • Download Gist
gistfile1.css
CSS
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110
/*
// ==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);
}

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.