{"sections":[{"urls":[],"urlPrefixes":[],"domains":["toodledo.com"],"regexps":[],"code":"@namespace html url(http://www.w3.org/1999/xhtml);\nbody { font-family: Lucida Grande,Helvetica,sans-serif !important; background: url(http://www.nonimage.com/stylish/toodledo/backgroundpattern.png) top left !important; } \r\na:link, a:visited { color: #4f87bc !important; } \r\na:hover { color: #000 !important; } \r\na { outline: none !important; } \r\n\r\n#logo { display:none !important; } \r\n#toc { position: fixed !important; top: 0 !important; width: 118px !important; padding: 0 20px 0 20px !important; color: #666666 !important; background-color: #d4dde6 !important; border-top: 1px solid #505050 !important; border-right: 1px solid #666666 !important; font-size: 0.85em !important; height: 100%; } \r\n#toc a:link, #toc a:visited { text-decoration: none !important; color: #000 !important; } \r\n#toc a:hover { text-decoration: none !important; color: #939393 !important; } \r\n#sp2, #sp3, #sp4, #sp5, #sp16, #sp6, #sp7, #sp8, #sp12, #sp13 { margin-bottom: 8px !important; width: 123px !important; } \r\n.tocex { margin: 0 0 -10px 20px !important; clear: both !important; display: block !important; } \r\n#tocc { width: 20px !important; height: 20px !important; background: url(http://www.nonimage.com/stylish/toodledo/backgroundpattern.png) top left !important; display: none !important; } \r\n#sp2 {margin-top:-5px !important; } \r\n#sp21 { margin-bottom: 10px !important; } \r\n#sp10 { margin-top: -12px !important; } \r\n#sp18 { margin-bottom: 10px !important; } \r\n#sp15 { margin: -5px 0 10px !important; } \r\n#sp19 { margin-top: 3px !important; } \r\n\r\n#main { display: inline !important; float: left !important; padding: 35px 0 0 13px !important; min-width:725px;margin-right:200px !important; } \r\n\r\n#action_addtask { position:fixed; top:2px; right:0; z-index:200; padding: 4px 0 0 20px !important; width: 76px !important; height: 15px !important; background: url(\"http://images.toodledo.com/t/images/sprites.png\") no-repeat scroll 0 -525px !important; margin: 0 !important; text-align: left !important; color: #000 !important; font-size: 0.9em !important; } \r\n#action_addtask img { display: none !important; } \r\n#action_cancelAdd { margin: 5px 5px 0 0 !important; color: #000 !important; font-size: 0.85em !important; } \r\n\r\n#addtask { z-index: 3500 !important; position:fixed; top:30px; left:5%; -webkit-box-shadow:0 0 30px #000; -moz-box-shadow:0 0 30px #000; border-radius:20px; -moz-border-radius:20px; background-color: #333 !important; border: 0 !important; margin: 0 0 20px 0 !important; padding: 10px !important;  color: #fff !important; width:80%; border:1px solid #000 !important;min-width:790px;opacity:0.98; } \r\n#addtask a { color: #fff !important; text-decoration: none !important; } \r\n#trg, #tlg, #brg, #blg { background-image: none !important; } \r\n.field { margin-bottom: 10px !important; }\r\n#action_addmultiple, #importlnk, #action_cancelAdd { -webkit-box-shadow: 0px 1px 2px #000;-moz-box-shadow: 0px 1px 2px #000; -moz-border-radius: 12px !important; border-radius: 12px !important; border: 1px solid #fff !important; padding: 3px 7px 5px 9px !important; margin: 0 !important; color: #ccc !important; font-size: 0.8em !important; background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)) !important; background: -moz-linear-gradient(top,  #555,  #333) !important; height: 12px !important; text-shadow: 1px 1px #555; }\r\n#action_addmultiple:hover, #importlnk:hover, #action_cancelAdd {color:#ddd !important; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333)) !important; background: -moz-linear-gradient(top,  #444, #333) !important; } \r\n#action_addmultiple:active, #importlnk:active, #action_cancelAdd:active {background: -webkit-gradient(linear, left top, left bottom, from(#b0b2b6), to(#86888b)) !important; background: -moz-linear-gradient(top,  #b0b2b6, #86888b) !important; border:1px solid #c5c8cf !important;}\r\n\r\n#viewby { border-top:1px solid #636363 !important; border-bottom:1px solid #969696 !important; -webkit-box-shadow: 3px 0 5px #333;-moz-box-shadow: 3px 0 5px #333; background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ccc)) !important; background: -moz-linear-gradient(top,  #efefef,  #ccc) !important; padding: 5px 10px !important; margin: -35px -5px 10px -8px !important; font-size: 0.85em !important; height: 16px !important; color: #333 !important; position:fixed !important; width:100% !important; z-index:100 !important }\r\n#viewby b {color: #ddd !important; margin-left:6px !important;}\r\n#viewby span { -moz-border-radius: 12px !important; border-radius: 12px !important; border: 1px solid #8591A5 !important;background: -webkit-gradient(linear, left top, left bottom, from(#ACBAC7), to(#8B9DB5)) !important; background: -moz-linear-gradient(top,  #ACBAC7,  #8B9DB5) !important; color:#fff !important; text-shadow:1px 1px 1px #333; padding:2px 5px 3px !important; margin:0 0 0 -3px;} \r\n#viewby a:link, #viewby a:visited { color: #333 !important; text-decoration:none !important;text-shadow:1px 1px 1px #ddd; padding:2px 6px 3px!important; margin:0 -2px 0 0 !important; } \r\n#viewby a:hover { -moz-border-radius: 12px !important; border-radius: 12px !important; border: 1px solid #8591A5 !important;background: -webkit-gradient(linear, left top, left bottom, from(#ACBAC7), to(#8B9DB5)) !important; background: -moz-linear-gradient(top,  #ACBAC7,  #8B9DB5) !important; color:#fff !important; text-shadow:1px 1px 1px #333; padding:2px 5px 3px !important; } \r\n\r\n#tabs { height:100% !important; width:190px; overflow:hidden !important;position:fixed; right:0; top: 0px; background: #d4dde6 !important;border-left:1px solid #666 !important; padding-top:0 !important; padding-top:40px !important; } \r\n.tab, .tabon {float:none !important; margin:0 !important; font-weight:normal !important; font-size: .9em !important;}\r\n.tabon { background: -webkit-gradient(linear, left top, left bottom, from(#a2b1cf), to(#6f82aa)) !important; background: -moz-linear-gradient(top, #a2b1cf,  #6f82aa) !important; border-top:1px solid #6f82aa !important; border-bottom:1px solid #6f82aa !important; clear:both;padding:2px 4px 4px 8px !important; }\r\n.tabon a {color:#fff !important; text-shadow:1px 1px 0px #333;}\r\n.tabon a i { float:right; text-shadow:none !important; color:#fff !important; }\r\n.tab a i { float:right; }\r\n.tabon a:hover { text-decoration: none !important; } \r\n.tab { background-image: none !important; background-color: transparent !important; border: 0 !important; padding: 3px 7px 5px 9px !important; } \r\n.tab a:link, .tab a:visited { color: #000 !important;width:150px; } \r\n.tab a:hover { text-decoration: none !important; color: #545353 !important; }\r\n#tabs #onthefly { background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ccc)) !important; background: -moz-linear-gradient(top,  #efefef,  #ccc) !important; padding:3px 6px; font-size:.8em !important; color:#333 !important; border:1px solid #666; margin-right:5px; text-decoration:none !important;border-radius:15px;-moz-border-radius:15px; }\r\n#moretabs, .tl { display:none !important; }\r\n#taboverflow { background-color: #fff !important; border: 1px solid #ccc !important; } \r\n#taboverflow a:link, #taboverflow a:visited { text-decoration: none !important; color: #000 !important; } \r\n#taboverflow a:hover { text-decoration: none !important; color: #ccc !important; } \r\n\r\n#head { text-shadow:1px 1px #ccc; border-top-right-radius:5px;border-top-left-radius:5px; background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#959595)) !important; background: -moz-linear-gradient(top, #c3c3c3, #959595) !important; border: 1px solid #505050 !important; border-bottom: 1px solid #505050 !important; font-size: 0.85em !important; margin: 5px 0px 0 0 !important; -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777; -moz-border-radius-topright:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; } \r\n#head a:link, #head a:visited { color: #333 !important; text-decoration: none !important; text-shadow:none !important; } \r\n#head a:hover { color: #ffe !important; } \r\n#action_searchtask { margin-right: 0px !important; } \r\n#action_toggle_sidebar { margin: 0 10px 0 0 !important; color: #fff !important; text-decoration: none !important; } \r\n#status { margin: 0 0 0 3px !important; } \r\n#sharetask, #tip, #filtertask, #sorttask, #searchtask { background-color: #fff !important; border: 1px solid #666 !important; border-bottom:none !important; margin: 0 !important; font-size: 0.85em !important; } \r\n#toolbar { -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; -webkit-box-shadow: 0px 1px 2px #777;-moz-box-shadow: 0px 1px 2px #777; border:1px solid #666 !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 3px 5px 5px !important; } \r\n#sharetask,#filtertask,#sorttask,#searchtask { -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777;} \r\n\r\n#colhead { background-color: transparent !important; margin: 2px -17px 0 0 !important; padding-top: 4px !important; border: 0 !important; width: 102% !important; font-size: 0.85em !important; border-bottom: 1px solid #505050 !important; } \r\n#colhead a:link, #colhead a:visited { text-decoration: none !important; color: #000 !important; } \r\n#colhead a:hover { color: #545353 !important; } \r\n.col0, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col12b, .col13, .col14, .col15, .col16, .col2048, .colc, .col256, .col512, .col1024 { border: 0 !important; } \r\n.right { } \r\n\r\n.sep { background: transparent url(http://www.nonimage.com/stylish/toodledo/calendar.png) 2px 4px no-repeat !important; padding: 6px 0 6px 3px !important; margin-left: 5px !important; } \r\n.sep img { display: none !important; } \r\n.sep a:link, .sep a:visited { text-decoration: none !important; color: #333 !important; text-shadow:1px 1px #ccc; } \r\n.sep a:hover { text-decoration:underline !important; } \r\n\r\n#tasks { font-size: 0.85em !important; color: #3d3d3d !important; } \r\n.row { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)) !important; margin: 1px 0 2px !important; border: 0 !important; border-radius:4px; -moz-border-radius:4px; border:none !important; -webkit-box-shadow:0 1px 2px #777; -moz-box-shadow:0 1px 2px #777; padding:4px 0 6px !important; }\r\n.row:hover { -webkit-box-shadow:0 0 3px #000 !important; }\r\n.rowcomp span { text-decoration:line-through; color:#aaa !important; font-style: italic !important; }\r\n.rowcomp {opacity:0.6;} \r\n.subtasks { margin:5px 5px 0 20px !important; }\r\n.subtasks .row .dets_top {padding:2px 5px 0 0 !important; }\r\n.subtasks .row:hover { -webkit-box-shadow:0 1px 2px #777 !important; }\r\n\r\n.date0 { color: #3d3d3d !important; } \r\n.date1 { color: #3d3d3d !important; } \r\n.date2 { color: #63c459 !important; } \r\n.date3 { color: #aa4545 !important; } \r\n \r\n.pri0 { color: #262626 !important; } \r\n.pri1 { color: #443107 !important; } \r\n.pri2 { color: #443107 !important; } \r\n.pri3 { color: #d57800 !important; } \r\n\r\n#tasks { width: 100% !important; } \r\n.ch { width: 10px !important; height: 10px !important; text-align: center !important; margin: 4px 8px !important; background: #fff url(http://www.nonimage.com/stylish/toodledo/ch.png) -9px -9px no-repeat !important; } \r\n.chd { width: 13px !important; height: 11px !important; text-align: center !important; margin: 3px 5px 4px 8px !important; background: #fff url(http://www.nonimage.com/stylish/toodledo/chd.png) -9px -8px no-repeat !important; } \r\n.dets_top { padding-top:2px !important; }\r\n.del { margin-right:0 !important }\r\n.det { width:auto !important; } \r\n.row:hover .det span,.row:hover .dets_top span,.row:hover .dets_top2 span,.row:hover .note div{border: none !important; padding:3px !important; } \r\n.det span:hover {text-decoration:underline !important; } \r\n.st { width: 16px !important; height: 16px !important; background: transparent url(http://www.nonimage.com/stylish/toodledo/st.png) top left no-repeat !important; margin: 2px 5px 0 0 !important; } \r\n.std { width: 16px !important; height: 16px !important; background: transparent url(http://www.nonimage.com/stylish/toodledo/std.png) top left no-repeat !important; margin: 2px 5px 0 0 !important; } \r\n.note { margin: 0px !important; } \r\n.note a { color: #000 !important; } \r\n.ednote { margin-bottom: 6px !important; background-color: #f5f4e8 !important; font:normal normal 11px arial !important; } \r\n.col0 { width: 30% !important; min-width: 250px !important; } \r\n.col1, .col3, .col4, .col5, .col6, .col7, .col9, .col10, .col11, .col12, .col13, .col14, .col15, .col16, .col512, .col1024 { width: 10% !important; min-width: 70px !important; } \r\n.col2 { width: 5% !important; min-width: 90px !important; } .col2048, .col8, .col256 { width: 4% !important; min-width: 60px !important; } \r\n\r\n#chhover, #actiondiv, #startdiv, #duediv, #tagdiv, #tagfilt, #confilt { border-radius:5px; -moz-border-radius:5px; padding:8px !important; -webkit-box-shadow:0 0 10px #333; -moz-box-shadow:0 0 10px #333; z-index: 25000 !important; } \r\n#chhover, #actiondiv {margin-top:26px !important; width:160px !important;} \r\n\r\n.narrow #addtask { position:relative !important; top: 0 !important; right:0 !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; }\r\n.calendar {background-color:#fff !important }"}],"url":"http://userstyles.org/styles/41149","updateUrl":"https://userstyles.org/styles/chrome/41149.json","md5Url":"https://update.userstyles.org/41149.md5","originalMd5":"f60a1f70ec4aaf605895829b043fea83","name":"Toodledo Things Style++ With Right Side Tabs","thumbnail":"https://userstyles.org/style_screenshots/41149_after.jpeg?r=1777604421"}