├── .gitattributes ├── .gitignore ├── highlight.js ├── index.php ├── jquip.min.js ├── logo.png ├── readme.txt ├── styles ├── BRONCO.css ├── default.css ├── far.css ├── github.css ├── googlecode.css ├── idea.css ├── index.html ├── ir_black.css ├── magula.css ├── monokai.css ├── pojoaque.css ├── pojoaque.jpg ├── rainbow.css ├── school_book.css ├── school_book.png ├── shCoreRDark.css ├── solarized_dark.css ├── solarized_light.css ├── sunburst.css ├── tomorrow-night-blue.css ├── tomorrow-night-bright.css ├── tomorrow-night-eighties.css ├── tomorrow-night.css ├── tomorrow.css ├── vs.css ├── xcode.css └── zenburn.css └── theme ├── dark_crystal ├── asfalt.png ├── auto_css.php ├── blackorchid.png ├── computed_snippetvamp.css ├── favicon.png ├── favicon2.png ├── index.html ├── snippetvamp.css └── sprite.png ├── dark_flat ├── asfalt.png ├── auto_css.php ├── blackorchid.png ├── computed_snippetvamp.css ├── favicon.png ├── favicon2.png ├── index.html ├── snippetvamp.css └── sprite.png ├── dark_halo ├── asfalt.png ├── auto_css.php ├── blackorchid.png ├── computed_snippetvamp.css ├── favicon.png ├── favicon2.png ├── index.html ├── snippetvamp.css └── sprite.png ├── default ├── auto_css.php ├── computed_snippetvamp.css ├── favicon.png ├── favicon2.png ├── index.html ├── noise.png ├── snippetvamp.css └── sprite.png ├── default_flat ├── auto_css.php ├── computed_snippetvamp.css ├── favicon.png ├── favicon2.png ├── index.html ├── noise.png ├── snippetvamp.css └── sprite.png ├── index.html ├── material ├── README.md ├── auto_css.php ├── computed_snippetvamp.css ├── favicon.png ├── favicon2.png ├── index.html ├── noise.png ├── screenshot.png ├── snippetvamp.css ├── sprite.png ├── sprite2.png └── static │ └── fonts │ └── roboto │ ├── Apache License.txt │ ├── Roboto-Black.ttf │ ├── Roboto-BlackItalic.ttf │ ├── Roboto-Bold.ttf │ ├── Roboto-BoldItalic.ttf │ ├── Roboto-Italic.ttf │ ├── Roboto-Light.ttf │ ├── Roboto-LightItalic.ttf │ ├── Roboto-Medium.ttf │ ├── Roboto-MediumItalic.ttf │ ├── Roboto-Regular.ttf │ ├── Roboto-Thin.ttf │ ├── Roboto-ThinItalic.ttf │ ├── RobotoCondensed-Bold.ttf │ ├── RobotoCondensed-BoldItalic.ttf │ ├── RobotoCondensed-Italic.ttf │ ├── RobotoCondensed-Light.ttf │ ├── RobotoCondensed-LightItalic.ttf │ └── RobotoCondensed-Regular.ttf ├── monochrome ├── auto_css.php ├── computed_snippetvamp.css ├── favicon.png ├── favicon2.png ├── index.html ├── noise.png ├── snippetvamp.css └── sprite.png ├── monochrome_flat ├── auto_css.php ├── computed_snippetvamp.css ├── favicon.png ├── favicon2.png ├── index.html ├── noise.png ├── snippetvamp.css └── sprite.png ├── white_flat ├── auto_css.php ├── computed_snippetvamp.css ├── favicon.png ├── favicon2.png ├── index.html ├── snippetvamp.css ├── sprite.png └── subtle_grunge.png └── white_halo ├── auto_css.php ├── computed_snippetvamp.css ├── favicon.png ├── favicon2.png ├── index.html ├── snippetvamp.css ├── sprite.png └── subtle_grunge.png /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | *.sln merge=union 7 | *.csproj merge=union 8 | *.vbproj merge=union 9 | *.fsproj merge=union 10 | *.dbproj merge=union 11 | 12 | # Standard to msysgit 13 | *.doc diff=astextplain 14 | *.DOC diff=astextplain 15 | *.docx diff=astextplain 16 | *.DOCX diff=astextplain 17 | *.dot diff=astextplain 18 | *.DOT diff=astextplain 19 | *.pdf diff=astextplain 20 | *.PDF diff=astextplain 21 | *.rtf diff=astextplain 22 | *.RTF diff=astextplain 23 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ################# 2 | ## SnippetVamp 3 | ################# 4 | 5 | .htaccess 6 | config.dat 7 | last_version.txt 8 | log.txt 9 | pass.php 10 | snippetvamp.dat 11 | 12 | ################# 13 | ## Eclipse 14 | ################# 15 | 16 | *.pydevproject 17 | .project 18 | .metadata 19 | bin/ 20 | tmp/ 21 | *.tmp 22 | *.bak 23 | *.swp 24 | *~.nib 25 | local.properties 26 | .classpath 27 | .settings/ 28 | .loadpath 29 | 30 | # External tool builders 31 | .externalToolBuilders/ 32 | 33 | # Locally stored "Eclipse launch configurations" 34 | *.launch 35 | 36 | # CDT-specific 37 | .cproject 38 | 39 | # PDT-specific 40 | .buildpath 41 | 42 | 43 | ################# 44 | ## Visual Studio 45 | ################# 46 | 47 | ## Ignore Visual Studio temporary files, build results, and 48 | ## files generated by popular Visual Studio add-ons. 49 | 50 | # User-specific files 51 | *.suo 52 | *.user 53 | *.sln.docstates 54 | 55 | # Build results 56 | [Dd]ebug/ 57 | [Rr]elease/ 58 | *_i.c 59 | *_p.c 60 | *.ilk 61 | *.meta 62 | *.obj 63 | *.pch 64 | *.pdb 65 | *.pgc 66 | *.pgd 67 | *.rsp 68 | *.sbr 69 | *.tlb 70 | *.tli 71 | *.tlh 72 | *.tmp 73 | *.vspscc 74 | .builds 75 | *.dotCover 76 | 77 | ## TODO: If you have NuGet Package Restore enabled, uncomment this 78 | #packages/ 79 | 80 | # Visual C++ cache files 81 | ipch/ 82 | *.aps 83 | *.ncb 84 | *.opensdf 85 | *.sdf 86 | 87 | # Visual Studio profiler 88 | *.psess 89 | *.vsp 90 | 91 | # ReSharper is a .NET coding add-in 92 | _ReSharper* 93 | 94 | # Installshield output folder 95 | [Ee]xpress 96 | 97 | # DocProject is a documentation generator add-in 98 | DocProject/buildhelp/ 99 | DocProject/Help/*.HxT 100 | DocProject/Help/*.HxC 101 | DocProject/Help/*.hhc 102 | DocProject/Help/*.hhk 103 | DocProject/Help/*.hhp 104 | DocProject/Help/Html2 105 | DocProject/Help/html 106 | 107 | # Click-Once directory 108 | publish 109 | 110 | # Others 111 | [Bb]in 112 | [Oo]bj 113 | sql 114 | TestResults 115 | *.Cache 116 | ClientBin 117 | stylecop.* 118 | ~$* 119 | *.dbmdl 120 | Generated_Code #added for RIA/Silverlight projects 121 | 122 | # Backup & report files from converting an old project file to a newer 123 | # Visual Studio version. Backup files are not needed, because we have git ;-) 124 | _UpgradeReport_Files/ 125 | Backup*/ 126 | UpgradeLog*.XML 127 | 128 | 129 | 130 | ############ 131 | ## Windows 132 | ############ 133 | 134 | # Windows image file caches 135 | Thumbs.db 136 | 137 | # Folder config file 138 | Desktop.ini 139 | 140 | 141 | ############# 142 | ## Python 143 | ############# 144 | 145 | *.py[co] 146 | 147 | # Packages 148 | *.egg 149 | *.egg-info 150 | dist 151 | build 152 | eggs 153 | parts 154 | bin 155 | var 156 | sdist 157 | develop-eggs 158 | .installed.cfg 159 | 160 | # Installer logs 161 | pip-log.txt 162 | 163 | # Unit test / coverage reports 164 | .coverage 165 | .tox 166 | 167 | #Translations 168 | *.mo 169 | 170 | #Mr Developer 171 | .mr.developer.cfg 172 | 173 | # Mac crap 174 | .DS_Store 175 | -------------------------------------------------------------------------------- /highlight.js: -------------------------------------------------------------------------------- 1 | var hljs=new function(){function l(o){return o.replace(/&/gm,"&").replace(//gm,">")}function b(p){for(var o=p.firstChild;o;o=o.nextSibling){if(o.nodeName=="CODE"){return o}if(!(o.nodeType==3&&o.nodeValue.match(/\s+/))){break}}}function h(p,o){return Array.prototype.map.call(p.childNodes,function(q){if(q.nodeType==3){return o?q.nodeValue.replace(/\n/g,""):q.nodeValue}if(q.nodeName=="BR"){return"\n"}return h(q,o)}).join("")}function a(q){var p=(q.className+" "+q.parentNode.className).split(/\s+/);p=p.map(function(r){return r.replace(/^language-/,"")});for(var o=0;o"}while(x.length||v.length){var u=t().splice(0,1)[0];y+=l(w.substr(p,u.offset-p));p=u.offset;if(u.event=="start"){y+=s(u.node);r.push(u.node)}else{if(u.event=="stop"){var o,q=r.length;do{q--;o=r[q];y+=("")}while(o!=u.node);r.splice(q,1);while(q'+L[0]+""}else{r+=L[0]}N=A.lR.lastIndex;L=A.lR.exec(K)}return r+K.substr(N)}function z(){if(A.sL&&!e[A.sL]){return l(w)}var r=A.sL?d(A.sL,w):g(w);if(A.r>0){v+=r.keyword_count;B+=r.r}return''+r.value+""}function J(){return A.sL!==undefined?z():G()}function I(L,r){var K=L.cN?'':"";if(L.rB){x+=K;w=""}else{if(L.eB){x+=l(r)+K;w=""}else{x+=K;w=r}}A=Object.create(L,{parent:{value:A}});B+=L.r}function C(K,r){w+=K;if(r===undefined){x+=J();return 0}var L=o(r,A);if(L){x+=J();I(L,r);return L.rB?0:r.length}var M=s(A,r);if(M){if(!(M.rE||M.eE)){w+=r}x+=J();do{if(A.cN){x+=""}A=A.parent}while(A!=M.parent);if(M.eE){x+=l(r)}w="";if(M.starts){I(M.starts,"")}return M.rE?0:r.length}if(t(r,A)){throw"Illegal"}w+=r;return r.length||1}var F=e[D];f(F);var A=F;var w="";var B=0;var v=0;var x="";try{var u,q,p=0;while(true){A.t.lastIndex=p;u=A.t.exec(E);if(!u){break}q=C(E.substr(p,u.index-p),u[0]);p=u.index+q}C(E.substr(p));return{r:B,keyword_count:v,value:x,language:D}}catch(H){if(H=="Illegal"){return{r:0,keyword_count:0,value:l(E)}}else{throw H}}}function g(s){var o={keyword_count:0,r:0,value:l(s)};var q=o;for(var p in e){if(!e.hasOwnProperty(p)){continue}var r=d(p,s);r.language=p;if(r.keyword_count+r.r>q.keyword_count+q.r){q=r}if(r.keyword_count+r.r>o.keyword_count+o.r){q=o;o=r}}if(q.language){o.second_best=q}return o}function i(q,p,o){if(p){q=q.replace(/^((<[^>]+>|\t)+)/gm,function(r,v,u,t){return v.replace(/\t/g,p)})}if(o){q=q.replace(/\n/g,"
")}return q}function m(r,u,p){var v=h(r,p);var t=a(r);if(t=="no-highlight"){return}var w=t?d(t,v):g(v);t=w.language;var o=c(r);if(o.length){var q=document.createElement("pre");q.innerHTML=w.value;w.value=j(o,c(q),v)}w.value=i(w.value,u,p);var s=r.className;if(!s.match("(\\s|^)(language-)?"+t+"(\\s|$)")){s=s?(s+" "+t):t}r.innerHTML=w.value;r.className=s;r.result={language:t,kw:w.keyword_count,re:w.r};if(w.second_best){r.second_best={language:w.second_best.language,kw:w.second_best.keyword_count,re:w.second_best.r}}}function n(){if(n.called){return}n.called=true;Array.prototype.map.call(document.getElementsByTagName("pre"),b).filter(Boolean).forEach(function(o){m(o,hljs.tabReplace)})}function k(){window.addEventListener("DOMContentLoaded",n,false);window.addEventListener("load",n,false)}var e={};this.LANGUAGES=e;this.highlight=d;this.highlightAuto=g;this.fixMarkup=i;this.highlightBlock=m;this.initHighlighting=n;this.initHighlightingOnLoad=k;this.IR="[a-zA-Z][a-zA-Z0-9_]*";this.UIR="[a-zA-Z_][a-zA-Z0-9_]*";this.NR="\\b\\d+(\\.\\d+)?";this.CNR="(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)";this.BNR="\\b(0b[01]+)";this.RSR="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|\\.|-|-=|/|/=|:|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~";this.BE={b:"\\\\[\\s\\S]",r:0};this.ASM={cN:"string",b:"'",e:"'",i:"\\n",c:[this.BE],r:0};this.QSM={cN:"string",b:'"',e:'"',i:"\\n",c:[this.BE],r:0};this.CLCM={cN:"comment",b:"//",e:"$"};this.CBLCLM={cN:"comment",b:"/\\*",e:"\\*/"};this.HCM={cN:"comment",b:"#",e:"$"};this.NM={cN:"number",b:this.NR,r:0};this.CNM={cN:"number",b:this.CNR,r:0};this.BNM={cN:"number",b:this.BNR,r:0};this.inherit=function(q,r){var o={};for(var p in q){o[p]=q[p]}if(r){for(var p in r){o[p]=r[p]}}return o}}();hljs.LANGUAGES.bash=function(a){var g="true false";var e="if then else elif fi for break continue while in do done echo exit return set declare";var c={cN:"variable",b:"\\$[a-zA-Z0-9_#]+"};var b={cN:"variable",b:"\\${([^}]|\\\\})+}"};var h={cN:"string",b:'"',e:'"',i:"\\n",c:[a.BE,c,b],r:0};var d={cN:"string",b:"'",e:"'",c:[{b:"''"}],r:0};var f={cN:"test_condition",b:"",e:"",c:[h,d,c,b],k:{literal:g},r:0};return{k:{keyword:e,literal:g},c:[{cN:"shebang",b:"(#!\\/bin\\/bash)|(#!\\/bin\\/sh)",r:10},c,b,a.HCM,h,d,a.inherit(f,{b:"\\[ ",e:" \\]",r:0}),a.inherit(f,{b:"\\[\\[ ",e:" \\]\\]"})]}}(hljs);hljs.LANGUAGES.diff=function(a){return{c:[{cN:"chunk",b:"^\\@\\@ +\\-\\d+,\\d+ +\\+\\d+,\\d+ +\\@\\@$",r:10},{cN:"chunk",b:"^\\*\\*\\* +\\d+,\\d+ +\\*\\*\\*\\*$",r:10},{cN:"chunk",b:"^\\-\\-\\- +\\d+,\\d+ +\\-\\-\\-\\-$",r:10},{cN:"header",b:"Index: ",e:"$"},{cN:"header",b:"=====",e:"=====$"},{cN:"header",b:"^\\-\\-\\-",e:"$"},{cN:"header",b:"^\\*{3} ",e:"$"},{cN:"header",b:"^\\+\\+\\+",e:"$"},{cN:"header",b:"\\*{5}",e:"\\*{5}$"},{cN:"addition",b:"^\\+",e:"$"},{cN:"deletion",b:"^\\-",e:"$"},{cN:"change",b:"^\\!",e:"$"}]}}(hljs);hljs.LANGUAGES.javascript=function(a){return{k:{keyword:"in if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const",literal:"true false null undefined NaN Infinity"},c:[a.ASM,a.QSM,a.CLCM,a.CBLCLM,a.CNM,{b:"("+a.RSR+"|\\b(case|return|throw)\\b)\\s*",k:"return throw case",c:[a.CLCM,a.CBLCLM,{cN:"regexp",b:"/",e:"/[gim]*",i:"\\n",c:[{b:"\\\\/"}]},{b:"<",e:">;",sL:"xml"}],r:0},{cN:"function",bWK:true,e:"{",k:"function",c:[{cN:"title",b:"[A-Za-z$_][0-9A-Za-z$_]*"},{cN:"params",b:"\\(",e:"\\)",c:[a.CLCM,a.CBLCLM],i:"[\"'\\(]"}],i:"\\[|%"}]}}(hljs);hljs.LANGUAGES.css=function(a){var b={cN:"function",b:a.IR+"\\(",e:"\\)",c:[a.NM,a.ASM,a.QSM]};return{cI:true,i:"[=/|']",c:[a.CBLCLM,{cN:"id",b:"\\#[A-Za-z0-9_-]+"},{cN:"class",b:"\\.[A-Za-z0-9_-]+",r:0},{cN:"attr_selector",b:"\\[",e:"\\]",i:"$"},{cN:"pseudo",b:":(:)?[a-zA-Z0-9\\_\\-\\+\\(\\)\\\"\\']+"},{cN:"at_rule",b:"@(font-face|page)",l:"[a-z-]+",k:"font-face page"},{cN:"at_rule",b:"@",e:"[{;]",eE:true,k:"import page media charset",c:[b,a.ASM,a.QSM,a.NM]},{cN:"tag",b:a.IR,r:0},{cN:"rules",b:"{",e:"}",i:"[^\\s]",r:0,c:[a.CBLCLM,{cN:"rule",b:"[^\\s]",rB:true,e:";",eW:true,c:[{cN:"attribute",b:"[A-Z\\_\\.\\-]+",e:":",eE:true,i:"[^\\s]",starts:{cN:"value",eW:true,eE:true,c:[b,a.NM,a.QSM,a.ASM,a.CBLCLM,{cN:"hexcolor",b:"\\#[0-9A-F]+"},{cN:"important",b:"!important"}]}}]}]}]}}(hljs);hljs.LANGUAGES.xml=function(a){var c="[A-Za-z0-9\\._:-]+";var b={eW:true,c:[{cN:"attribute",b:c,r:0},{b:'="',rB:true,e:'"',c:[{cN:"value",b:'"',eW:true}]},{b:"='",rB:true,e:"'",c:[{cN:"value",b:"'",eW:true}]},{b:"=",c:[{cN:"value",b:"[^\\s/>]+"}]}]};return{cI:true,c:[{cN:"pi",b:"<\\?",e:"\\?>",r:10},{cN:"doctype",b:"",r:10,c:[{b:"\\[",e:"\\]"}]},{cN:"comment",b:"",r:10},{cN:"cdata",b:"<\\!\\[CDATA\\[",e:"\\]\\]>",r:10},{cN:"tag",b:"|$)",e:">",k:{title:"style"},c:[b],starts:{e:"",rE:true,sL:"css"}},{cN:"tag",b:"|$)",e:">",k:{title:"script"},c:[b],starts:{e:"<\/script>",rE:true,sL:"javascript"}},{b:"<%",e:"%>",sL:"vbscript"},{cN:"tag",b:"",c:[{cN:"title",b:"[^ />]+"},b]}]}}(hljs);hljs.LANGUAGES.http=function(a){return{i:"\\S",c:[{cN:"status",b:"^HTTP/[0-9\\.]+",e:"$",c:[{cN:"number",b:"\\b\\d{3}\\b"}]},{cN:"request",b:"^[A-Z]+ (.*?) HTTP/[0-9\\.]+$",rB:true,e:"$",c:[{cN:"string",b:" ",e:" ",eB:true,eE:true}]},{cN:"attribute",b:"^\\w",e:": ",eE:true,i:"\\n|\\s|=",starts:{cN:"string",e:"$"}},{b:"\\n\\n",starts:{sL:"",eW:true}}]}}(hljs);hljs.LANGUAGES.java=function(a){return{k:"false synchronized int abstract float private char boolean static null if const for true while long throw strictfp finally protected import native final return void enum else break transient new catch instanceof byte super volatile case assert short package default double public try this switch continue throws",c:[{cN:"javadoc",b:"/\\*\\*",e:"\\*/",c:[{cN:"javadoctag",b:"@[A-Za-z]+"}],r:10},a.CLCM,a.CBLCLM,a.ASM,a.QSM,{cN:"class",bWK:true,e:"{",k:"class interface",i:":",c:[{bWK:true,k:"extends implements",r:10},{cN:"title",b:a.UIR}]},a.CNM,{cN:"annotation",b:"@[A-Za-z]+"}]}}(hljs);hljs.LANGUAGES.php=function(a){var e={cN:"variable",b:"\\$+[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*"};var b=[a.inherit(a.ASM,{i:null}),a.inherit(a.QSM,{i:null}),{cN:"string",b:'b"',e:'"',c:[a.BE]},{cN:"string",b:"b'",e:"'",c:[a.BE]}];var c=[a.BNM,a.CNM];var d={cN:"title",b:a.UIR};return{cI:true,k:"and include_once list abstract global private echo interface as static endswitch array null if endwhile or const for endforeach self var while isset public protected exit foreach throw elseif include __FILE__ empty require_once do xor return implements parent clone use __CLASS__ __LINE__ else break print eval new catch __METHOD__ case exception php_user_filter default die require __FUNCTION__ enddeclare final try this switch continue endfor endif declare unset true false namespace trait goto instanceof insteadof __DIR__ __NAMESPACE__ __halt_compiler",c:[a.CLCM,a.HCM,{cN:"comment",b:"/\\*",e:"\\*/",c:[{cN:"phpdoc",b:"\\s@[A-Za-z]+"}]},{cN:"comment",eB:true,b:"__halt_compiler.+?;",eW:true},{cN:"string",b:"<<<['\"]?\\w+['\"]?$",e:"^\\w+;",c:[a.BE]},{cN:"preprocessor",b:"<\\?php",r:10},{cN:"preprocessor",b:"\\?>"},e,{cN:"function",bWK:true,e:"{",k:"function",i:"\\$|\\[|%",c:[d,{cN:"params",b:"\\(",e:"\\)",c:["self",e,a.CBLCLM].concat(b).concat(c)}]},{cN:"class",bWK:true,e:"{",k:"class",i:"[:\\(\\$]",c:[{bWK:true,eW:true,k:"extends",c:[d]},d]},{b:"=>"}].concat(b).concat(c)}}(hljs);hljs.LANGUAGES.python=function(a){var f={cN:"prompt",b:"^(>>>|\\.\\.\\.) "};var c=[{cN:"string",b:"(u|b)?r?'''",e:"'''",c:[f],r:10},{cN:"string",b:'(u|b)?r?"""',e:'"""',c:[f],r:10},{cN:"string",b:"(u|r|ur)'",e:"'",c:[a.BE],r:10},{cN:"string",b:'(u|r|ur)"',e:'"',c:[a.BE],r:10},{cN:"string",b:"(b|br)'",e:"'",c:[a.BE]},{cN:"string",b:'(b|br)"',e:'"',c:[a.BE]}].concat([a.ASM,a.QSM]);var e={cN:"title",b:a.UIR};var d={cN:"params",b:"\\(",e:"\\)",c:["self",a.CNM,f].concat(c)};var b={bWK:true,e:":",i:"[${=;\\n]",c:[e,d],r:10};return{k:{keyword:"and elif is global as in if from raise for except finally print import pass return exec else break not with class assert yield try while continue del or def lambda nonlocal|10",built_in:"None True False Ellipsis NotImplemented"},i:"(|\\?)",c:c.concat([f,a.HCM,a.inherit(b,{cN:"function",k:"def"}),a.inherit(b,{cN:"class",k:"class"}),a.CNM,{cN:"decorator",b:"@",e:"$"},{b:"\\b(print|exec)\\("}])}}(hljs);hljs.LANGUAGES.sql=function(a){return{cI:true,c:[{cN:"operator",b:"(begin|start|commit|rollback|savepoint|lock|alter|create|drop|rename|call|delete|do|handler|insert|load|replace|select|truncate|update|set|show|pragma|grant)\\b(?!:)",e:";",eW:true,k:{keyword:"all partial global month current_timestamp using go revoke smallint indicator end-exec disconnect zone with character assertion to add current_user usage input local alter match collate real then rollback get read timestamp session_user not integer bit unique day minute desc insert execute like ilike|2 level decimal drop continue isolation found where constraints domain right national some module transaction relative second connect escape close system_user for deferred section cast current sqlstate allocate intersect deallocate numeric public preserve full goto initially asc no key output collation group by union session both last language constraint column of space foreign deferrable prior connection unknown action commit view or first into float year primary cascaded except restrict set references names table outer open select size are rows from prepare distinct leading create only next inner authorization schema corresponding option declare precision immediate else timezone_minute external varying translation true case exception join hour default double scroll value cursor descriptor values dec fetch procedure delete and false int is describe char as at in varchar null trailing any absolute current_time end grant privileges when cross check write current_date pad begin temporary exec time update catalog user sql date on identity timezone_hour natural whenever interval work order cascade diagnostics nchar having left call do handler load replace truncate start lock show pragma exists number",aggregate:"count sum min max avg"},c:[{cN:"string",b:"'",e:"'",c:[a.BE,{b:"''"}],r:0},{cN:"string",b:'"',e:'"',c:[a.BE,{b:'""'}],r:0},{cN:"string",b:"`",e:"`",c:[a.BE]},a.CNM]},a.CBLCLM,{cN:"comment",b:"--",e:"$"}]}}(hljs);hljs.LANGUAGES.ini=function(a){return{cI:true,i:"[^\\s]",c:[{cN:"comment",b:";",e:"$"},{cN:"title",b:"^\\[",e:"\\]"},{cN:"setting",b:"^[a-z0-9\\[\\]_-]+[ \\t]*=[ \\t]*",e:"$",c:[{cN:"value",eW:true,k:"on off true false yes no",c:[a.QSM,a.NM]}]}]}}(hljs);hljs.LANGUAGES.json=function(a){var e={literal:"true false null"};var d=[a.QSM,a.CNM];var c={cN:"value",e:",",eW:true,eE:true,c:d,k:e};var b={b:"{",e:"}",c:[{cN:"attribute",b:'\\s*"',e:'"\\s*:\\s*',eB:true,eE:true,c:[a.BE],i:"\\n",starts:c}],i:"\\S"};var f={b:"\\[",e:"\\]",c:[a.inherit(c,{cN:null})],i:"\\S"};d.splice(d.length,0,b,f);return{c:d,k:e,i:"\\S"}}(hljs); -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/logo.png -------------------------------------------------------------------------------- /readme.txt: -------------------------------------------------------------------------------- 1 | SnippetVamp 2 | @author: bronco@warriordudimanche.net 3 | @web : http://warriordudimanche.net (FR) 4 | @License: open source, free to download & fork ^^ 5 | @languages: French/Spanish and English 6 | @apoligizes: please forget about my english (learned from american & british series ;-) 7 | @status: beta 8 | 9 | what's that ? 10 | -------------------------------------------------------------- 11 | This is an app to easily store, manage & share your snippets. 12 | 13 | How to install ? 14 | -------------------------------------------------------------- 15 | Just put the files on a server and access to index.php. 16 | When you first run it, the app ask you a login&pass, creates the pass.php file & the config.dat file. 17 | Thats'all ! 18 | 19 | 20 | Things already done: 21 | -------------------------------------------------------------- 22 | - lightweight & easy to understand code 23 | - create, delete, edit & share snippets 24 | - classified by tags 25 | - coloured tags (with css) 26 | - embed snippets into a blog 27 | - private/public status 28 | - config page 29 | - english , french & spanish: very easy to add a new language 30 | - all the app is in one php file (starting configuration, templates, function, core, post & get handling, rss etc.) less than 50ko... 31 | - filtered rss feeds: new snippets feeds, one feed for each tag or search rss feed (multiple tags & search allowed) 32 | - admin space (easily created when you first start the app) 33 | - highlight.js included (but not essential) 34 | - jquip (30ko) and not jquery 35 | - a cache (cleared only if you add/edit/delete/change status) 36 | - a multiselection tag option 37 | - search for more than one word 38 | - bookmarklet to get snippets from a web page 39 | - backup/retore/import from/to a snippet.dat file 40 | - an option to create a snippet package when you start a brand new project 41 | - skin system 42 | - an automatic update system (and restore) 43 | - a log file to keep an eye on access & changes 44 | - a home page customizable message 45 | 46 | Todo list: 47 | -------------------------------------------------------------- 48 | - help & doc ;-) 49 | - optimize code & css (surely a big pain in the ass final task ^^) 50 | - crypt the data file ? 51 | 52 | 53 | 54 | Bugs: 55 | -------------------------------------------------------------- 56 | Nothing yet (I'm searching ^^) 57 | 58 | 59 | 60 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /styles/BRONCO.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Original style from softwaremaniacs.org (c) Ivan Sagalaev 4 | 5 | */ 6 | .snippetcopyright{ 7 | display: block; padding: 10px;padding-left:40px; 8 | color:#444;text-shadow:0 -1px 1px #aaa; 9 | background:url(../theme/favicon.png) 1px 1px no-repeat #C2C2C2 !important; 10 | -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; 11 | -moz-box-shadow: 0px 0px 2px #000000; 12 | -webkit-box-shadow: 0px 0px 2px #000000; 13 | box-shadow: 0px 0px 2px #000000; 14 | } 15 | h3{font-style:italic;color:#222;text-shadow:0 0px 1px #111;} 16 | .snippetcopyright a{font-style:italic;color:#333;text-shadow:0 -1px 1px #aaa;text-decoration:none;} 17 | .snippetcopyright a:hover{color:#555;text-shadow:0 0 2px white;} 18 | pre{ 19 | background-color:#421; 20 | roundc 3 boxshadow 0 2 21 | } 22 | pre code { 23 | 24 | overflow-x:scroll; 25 | background-color: transparent !important; 26 | 27 | } 28 | pre{ 29 | background-color:#421; 30 | color:#EDD; 31 | border-radius:3px; 32 | margin-right:10px;padding:5px;margin-top:10px;margin-bottom:10px;overflow-x:scroll;text-shadow:0 1px 1px #000} 33 | pre code, 34 | pre .subst, 35 | pre .tag .title, 36 | pre .lisp .title, 37 | pre .clojure .built_in, 38 | pre .nginx .title { 39 | color: #b9bdb6 !important; 40 | } 41 | 42 | pre .string, 43 | pre .parent, 44 | pre .tag .value, 45 | pre .rules .value, 46 | pre .rules .value .number, 47 | pre .preprocessor, 48 | pre .ruby .symbol, 49 | pre .ruby .symbol .string, 50 | pre .aggregate, 51 | pre .template_tag, 52 | pre .django .variable, 53 | pre .smalltalk .class, 54 | pre .addition, 55 | pre .flow, 56 | pre .stream, 57 | pre .bash .variable, 58 | pre .apache .tag, 59 | pre .apache .cbracket, 60 | pre .tex .command, 61 | pre .tex .special, 62 | pre .erlang_repl .function_or_atom, 63 | pre .markdown .header { 64 | color: #ffdd3e !important;text-shadow:0 -1px 1px black; 65 | } 66 | 67 | pre .constant{color: #e0e8ff !important;} 68 | pre .function{color: #ffaa3e !important;font-weight: bold;text-shadow:0 1px 1px black;} 69 | pre .title{color:#B9BDB6 !important;font-weight: bold;font-style: italic;} 70 | 71 | 72 | 73 | pre .comment, 74 | pre .annotation, 75 | pre .template_comment, 76 | pre .diff .header, 77 | pre .chunk, 78 | pre .markdown .blockquote { 79 | color: #878a85 !important; 80 | } 81 | 82 | pre .number, 83 | pre .date, 84 | pre .regexp, 85 | pre .literal, 86 | pre .smalltalk .symbol, 87 | pre .smalltalk .char, 88 | pre .go .constant, 89 | pre .change, 90 | pre .markdown .bullet, 91 | pre .markdown .link_url { 92 | color: #009900 !important; 93 | } 94 | 95 | pre .label, 96 | pre .javadoc, 97 | pre .ruby .string, 98 | pre .decorator, 99 | pre .filter .argument, 100 | pre .localvars, 101 | pre .array, 102 | pre .attr_selector, 103 | pre .important, 104 | pre .pseudo, 105 | pre .pi, 106 | pre .doctype, 107 | pre .deletion, 108 | pre .envvar, 109 | pre .shebang, 110 | pre .apache .sqbracket, 111 | pre .nginx .built_in, 112 | pre .tex .formula, 113 | pre .erlang_repl .reserved, 114 | pre .prompt, 115 | pre .markdown .link_label, 116 | pre .vhdl .attribute, 117 | pre .clojure .attribute, 118 | pre .coffeescript .property { 119 | color: #6928C1; 120 | } 121 | 122 | pre .keyword, 123 | pre .id, 124 | pre .phpdoc, 125 | pre .title, 126 | pre .built_in, 127 | pre .aggregate, 128 | pre .css .tag, 129 | pre .javadoctag, 130 | pre .phpdoc, 131 | pre .yardoctag, 132 | pre .smalltalk .class, 133 | pre .winutils, 134 | pre .bash .variable, 135 | pre .apache .tag, 136 | pre .go .typename, 137 | pre .tex .command, 138 | pre .markdown .strong, 139 | pre .request, 140 | pre .status { 141 | font-weight: bold; 142 | } 143 | pre .keyword{color: #5ba1cf !important;} 144 | pre .markdown .emphasis { 145 | font-style: italic;font-weight: bold;text-shadow:0 1px 1px black; 146 | } 147 | 148 | pre .nginx .built_in { 149 | font-weight: normal; 150 | } 151 | 152 | pre .coffeescript .javascript, 153 | pre .javascript .xml, 154 | pre .tex .formula, 155 | pre .xml .javascript, 156 | pre .xml .vbscript, 157 | pre .xml .css, 158 | pre .xml .cdata { 159 | opacity: 0.5; 160 | } 161 | .variable{color:#25FB00 !important;} 162 | .string{color:#A4009F;font-style: italic;} 163 | .deletion{ color: #6928C1!important;} 164 | 165 | 166 | -------------------------------------------------------------------------------- /styles/default.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Original style from softwaremaniacs.org (c) Ivan Sagalaev 4 | 5 | */ 6 | pre{text-shadow:#AAAAAA 0 1px 0;} 7 | pre code { 8 | display: block; padding: 0.5em; 9 | 10 | } 11 | 12 | pre code, 13 | pre .subst, 14 | pre .tag .title, 15 | pre .lisp .title, 16 | pre .clojure .built_in, 17 | pre .nginx .title { 18 | color: black; 19 | } 20 | 21 | pre .string, 22 | pre .title, 23 | pre .constant, 24 | pre .parent, 25 | pre .tag .value, 26 | pre .rules .value, 27 | pre .rules .value .number, 28 | pre .preprocessor, 29 | pre .ruby .symbol, 30 | pre .ruby .symbol .string, 31 | pre .aggregate, 32 | pre .template_tag, 33 | pre .django .variable, 34 | pre .smalltalk .class, 35 | pre .addition, 36 | pre .flow, 37 | pre .stream, 38 | pre .bash .variable, 39 | pre .apache .tag, 40 | pre .apache .cbracket, 41 | pre .tex .command, 42 | pre .tex .special, 43 | pre .erlang_repl .function_or_atom, 44 | pre .markdown .header { 45 | color: #0F6600; 46 | } 47 | 48 | 49 | pre .comment, 50 | pre .annotation, 51 | pre .template_comment, 52 | pre .diff .header, 53 | pre .chunk, 54 | pre .markdown .blockquote { 55 | color: #866239; 56 | } 57 | 58 | pre .number, 59 | pre .date, 60 | pre .regexp, 61 | pre .literal, 62 | pre .smalltalk .symbol, 63 | pre .smalltalk .char, 64 | pre .go .constant, 65 | pre .change, 66 | pre .markdown .bullet, 67 | pre .markdown .link_url { 68 | color: #080; 69 | } 70 | 71 | pre .label, 72 | pre .javadoc, 73 | pre .ruby .string, 74 | pre .decorator, 75 | pre .filter .argument, 76 | pre .localvars, 77 | pre .array, 78 | pre .attr_selector, 79 | pre .important, 80 | pre .pseudo, 81 | pre .pi, 82 | pre .doctype, 83 | pre .deletion, 84 | pre .envvar, 85 | pre .shebang, 86 | pre .apache .sqbracket, 87 | pre .nginx .built_in, 88 | pre .tex .formula, 89 | pre .erlang_repl .reserved, 90 | pre .prompt, 91 | pre .markdown .link_label, 92 | pre .vhdl .attribute, 93 | pre .clojure .attribute, 94 | pre .coffeescript .property { 95 | color: #6928C1; 96 | } 97 | 98 | pre .keyword, 99 | pre .id, 100 | pre .phpdoc, 101 | pre .title, 102 | pre .built_in, 103 | pre .aggregate, 104 | pre .css .tag, 105 | pre .javadoctag, 106 | pre .phpdoc, 107 | pre .yardoctag, 108 | pre .smalltalk .class, 109 | pre .winutils, 110 | pre .bash .variable, 111 | pre .apache .tag, 112 | pre .go .typename, 113 | pre .tex .command, 114 | pre .markdown .strong, 115 | pre .request, 116 | pre .status { 117 | font-weight: bold; 118 | } 119 | pre .keyword{color:#003979} 120 | pre .markdown .emphasis { 121 | font-style: italic; 122 | } 123 | 124 | pre .nginx .built_in { 125 | font-weight: normal; 126 | } 127 | 128 | pre .coffeescript .javascript, 129 | pre .javascript .xml, 130 | pre .tex .formula, 131 | pre .xml .javascript, 132 | pre .xml .vbscript, 133 | pre .xml .css, 134 | pre .xml .cdata { 135 | opacity: 0.5; 136 | } 137 | .variable{color: #0F6600;} 138 | .string{color:#A4009F;} 139 | .deletion{ color: #6928C1!important;} 140 | -------------------------------------------------------------------------------- /styles/far.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | FAR Style (c) MajestiC 4 | 5 | */ 6 | 7 | pre code { 8 | display: block; padding: 0.5em; 9 | background: #000080; 10 | } 11 | 12 | pre code, 13 | pre .subst { 14 | color: #0FF; 15 | } 16 | 17 | pre .string, 18 | pre .ruby .string, 19 | pre .haskell .type, 20 | pre .tag .value, 21 | pre .css .rules .value, 22 | pre .css .rules .value .number, 23 | pre .preprocessor, 24 | pre .ruby .symbol, 25 | pre .ruby .symbol .string, 26 | pre .built_in, 27 | pre .sql .aggregate, 28 | pre .django .template_tag, 29 | pre .django .variable, 30 | pre .smalltalk .class, 31 | pre .addition, 32 | pre .apache .tag, 33 | pre .apache .cbracket, 34 | pre .tex .command, 35 | pre .clojure .title { 36 | color: #FF0; 37 | } 38 | 39 | pre .keyword, 40 | pre .css .id, 41 | pre .title, 42 | pre .haskell .type, 43 | pre .vbscript .built_in, 44 | pre .sql .aggregate, 45 | pre .rsl .built_in, 46 | pre .smalltalk .class, 47 | pre .xml .tag .title, 48 | pre .winutils, 49 | pre .flow, 50 | pre .change, 51 | pre .envvar, 52 | pre .bash .variable, 53 | pre .tex .special, 54 | pre .clojure .built_in { 55 | color: #FFF; 56 | } 57 | 58 | pre .comment, 59 | pre .phpdoc, 60 | pre .javadoc, 61 | pre .java .annotation, 62 | pre .template_comment, 63 | pre .deletion, 64 | pre .apache .sqbracket, 65 | pre .tex .formula { 66 | color: #888; 67 | } 68 | 69 | pre .number, 70 | pre .date, 71 | pre .regexp, 72 | pre .literal, 73 | pre .smalltalk .symbol, 74 | pre .smalltalk .char, 75 | pre .clojure .attribute { 76 | color: #0F0; 77 | } 78 | 79 | pre .python .decorator, 80 | pre .django .filter .argument, 81 | pre .smalltalk .localvars, 82 | pre .smalltalk .array, 83 | pre .attr_selector, 84 | pre .pseudo, 85 | pre .xml .pi, 86 | pre .diff .header, 87 | pre .chunk, 88 | pre .shebang, 89 | pre .nginx .built_in, 90 | pre .prompt { 91 | color: #008080; 92 | } 93 | 94 | pre .keyword, 95 | pre .css .id, 96 | pre .title, 97 | pre .haskell .type, 98 | pre .vbscript .built_in, 99 | pre .sql .aggregate, 100 | pre .rsl .built_in, 101 | pre .smalltalk .class, 102 | pre .winutils, 103 | pre .flow, 104 | pre .apache .tag, 105 | pre .nginx .built_in, 106 | pre .tex .command, 107 | pre .tex .special, 108 | pre .request, 109 | pre .status { 110 | font-weight: bold; 111 | } 112 | -------------------------------------------------------------------------------- /styles/github.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | github.com style (c) Vasily Polovnyov 4 | 5 | */ 6 | 7 | pre code { 8 | display: block; padding: 0.5em; 9 | color: #333; 10 | background: #f8f8ff 11 | } 12 | 13 | pre .comment, 14 | pre .template_comment, 15 | pre .diff .header, 16 | pre .javadoc { 17 | color: #998; 18 | font-style: italic 19 | } 20 | 21 | pre .keyword, 22 | pre .css .rule .keyword, 23 | pre .winutils, 24 | pre .javascript .title, 25 | pre .nginx .title, 26 | pre .subst, 27 | pre .request, 28 | pre .status { 29 | color: #333; 30 | font-weight: bold 31 | } 32 | 33 | pre .number, 34 | pre .hexcolor, 35 | pre .ruby .constant { 36 | color: #099; 37 | } 38 | 39 | pre .string, 40 | pre .tag .value, 41 | pre .phpdoc, 42 | pre .tex .formula { 43 | color: #d14 44 | } 45 | 46 | pre .title, 47 | pre .id { 48 | color: #900; 49 | font-weight: bold 50 | } 51 | 52 | pre .javascript .title, 53 | pre .lisp .title, 54 | pre .clojure .title, 55 | pre .subst { 56 | font-weight: normal 57 | } 58 | 59 | pre .class .title, 60 | pre .haskell .type, 61 | pre .vhdl .literal, 62 | pre .tex .command { 63 | color: #458; 64 | font-weight: bold 65 | } 66 | 67 | pre .tag, 68 | pre .tag .title, 69 | pre .rules .property, 70 | pre .django .tag .keyword { 71 | color: #000080; 72 | font-weight: normal 73 | } 74 | 75 | pre .attribute, 76 | pre .variable, 77 | pre .lisp .body { 78 | color: #008080 79 | } 80 | 81 | pre .regexp { 82 | color: #009926 83 | } 84 | 85 | pre .class { 86 | color: #458; 87 | font-weight: bold 88 | } 89 | 90 | pre .symbol, 91 | pre .ruby .symbol .string, 92 | pre .lisp .keyword, 93 | pre .tex .special, 94 | pre .prompt { 95 | color: #990073 96 | } 97 | 98 | pre .built_in, 99 | pre .lisp .title, 100 | pre .clojure .built_in { 101 | color: #0086b3 102 | } 103 | 104 | pre .preprocessor, 105 | pre .pi, 106 | pre .doctype, 107 | pre .shebang, 108 | pre .cdata { 109 | color: #999; 110 | font-weight: bold 111 | } 112 | 113 | pre .deletion { 114 | background: #fdd 115 | } 116 | 117 | pre .addition { 118 | background: #dfd 119 | } 120 | 121 | pre .diff .change { 122 | background: #0086b3 123 | } 124 | 125 | pre .chunk { 126 | color: #aaa 127 | } 128 | -------------------------------------------------------------------------------- /styles/googlecode.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Google Code style (c) Aahan Krish 4 | 5 | */ 6 | 7 | pre code { 8 | display: block; padding: 0.5em; 9 | background: white; color: black; 10 | } 11 | 12 | pre .comment, 13 | pre .template_comment, 14 | pre .javadoc, 15 | pre .comment * { 16 | color: #800; 17 | } 18 | 19 | pre .keyword, 20 | pre .method, 21 | pre .list .title, 22 | pre .clojure .built_in, 23 | pre .nginx .title, 24 | pre .tag .title, 25 | pre .setting .value, 26 | pre .winutils, 27 | pre .tex .command, 28 | pre .http .title, 29 | pre .request, 30 | pre .status { 31 | color: #008; 32 | } 33 | 34 | pre .envvar, 35 | pre .tex .special { 36 | color: #660; 37 | } 38 | 39 | pre .string, 40 | pre .tag .value, 41 | pre .cdata, 42 | pre .filter .argument, 43 | pre .attr_selector, 44 | pre .apache .cbracket, 45 | pre .date, 46 | pre .regexp { 47 | color: #080; 48 | } 49 | 50 | pre .sub .identifier, 51 | pre .pi, 52 | pre .tag, 53 | pre .tag .keyword, 54 | pre .decorator, 55 | pre .ini .title, 56 | pre .shebang, 57 | pre .prompt, 58 | pre .hexcolor, 59 | pre .rules .value, 60 | pre .css .value .number, 61 | pre .literal, 62 | pre .symbol, 63 | pre .ruby .symbol .string, 64 | pre .number, 65 | pre .css .function, 66 | pre .clojure .attribute { 67 | color: #066; 68 | } 69 | 70 | pre .class .title, 71 | pre .haskell .type, 72 | pre .smalltalk .class, 73 | pre .javadoctag, 74 | pre .yardoctag, 75 | pre .phpdoc, 76 | pre .typename, 77 | pre .tag .attribute, 78 | pre .doctype, 79 | pre .class .id, 80 | pre .built_in, 81 | pre .setting, 82 | pre .params, 83 | pre .variable, 84 | pre .clojure .title { 85 | color: #606; 86 | } 87 | 88 | pre .css .tag, 89 | pre .rules .property, 90 | pre .pseudo, 91 | pre .subst { 92 | color: #000; 93 | } 94 | 95 | pre .css .class, pre .css .id { 96 | color: #9B703F; 97 | } 98 | 99 | pre .value .important { 100 | color: #ff7700; 101 | font-weight: bold; 102 | } 103 | 104 | pre .rules .keyword { 105 | color: #C5AF75; 106 | } 107 | 108 | pre .annotation, 109 | pre .apache .sqbracket, 110 | pre .nginx .built_in { 111 | color: #9B859D; 112 | } 113 | 114 | pre .preprocessor, 115 | pre .preprocessor * { 116 | color: #444; 117 | } 118 | 119 | pre .tex .formula { 120 | background-color: #EEE; 121 | font-style: italic; 122 | } 123 | 124 | pre .diff .header, 125 | pre .chunk { 126 | color: #808080; 127 | font-weight: bold; 128 | } 129 | 130 | pre .diff .change { 131 | background-color: #BCCFF9; 132 | } 133 | 134 | pre .addition { 135 | background-color: #BAEEBA; 136 | } 137 | 138 | pre .deletion { 139 | background-color: #FFC8BD; 140 | } 141 | 142 | pre .comment .yardoctag { 143 | font-weight: bold; 144 | } 145 | -------------------------------------------------------------------------------- /styles/idea.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Intellij Idea-like styling (c) Vasily Polovnyov 4 | 5 | */ 6 | 7 | pre code { 8 | display: block; padding: 0.5em; 9 | color: #000; 10 | background: #fff; 11 | } 12 | 13 | pre .subst, 14 | pre .title { 15 | font-weight: normal; 16 | color: #000; 17 | } 18 | 19 | pre .comment, 20 | pre .template_comment, 21 | pre .javadoc, 22 | pre .diff .header { 23 | color: #808080; 24 | font-style: italic; 25 | } 26 | 27 | pre .annotation, 28 | pre .decorator, 29 | pre .preprocessor, 30 | pre .doctype, 31 | pre .pi, 32 | pre .chunk, 33 | pre .shebang, 34 | pre .apache .cbracket, 35 | pre .prompt, 36 | pre .http .title { 37 | color: #808000; 38 | } 39 | 40 | pre .tag, 41 | pre .pi { 42 | background: #efefef; 43 | } 44 | 45 | pre .tag .title, 46 | pre .id, 47 | pre .attr_selector, 48 | pre .pseudo, 49 | pre .literal, 50 | pre .keyword, 51 | pre .hexcolor, 52 | pre .css .function, 53 | pre .ini .title, 54 | pre .css .class, 55 | pre .list .title, 56 | pre .clojure .title, 57 | pre .nginx .title, 58 | pre .tex .command, 59 | pre .request, 60 | pre .status { 61 | font-weight: bold; 62 | color: #000080; 63 | } 64 | 65 | pre .attribute, 66 | pre .rules .keyword, 67 | pre .number, 68 | pre .date, 69 | pre .regexp, 70 | pre .tex .special { 71 | font-weight: bold; 72 | color: #0000ff; 73 | } 74 | 75 | pre .number, 76 | pre .regexp { 77 | font-weight: normal; 78 | } 79 | 80 | pre .string, 81 | pre .value, 82 | pre .filter .argument, 83 | pre .css .function .params, 84 | pre .apache .tag { 85 | color: #008000; 86 | font-weight: bold; 87 | } 88 | 89 | pre .symbol, 90 | pre .ruby .symbol .string, 91 | pre .char, 92 | pre .tex .formula { 93 | color: #000; 94 | background: #d0eded; 95 | font-style: italic; 96 | } 97 | 98 | pre .phpdoc, 99 | pre .yardoctag, 100 | pre .javadoctag { 101 | text-decoration: underline; 102 | } 103 | 104 | pre .variable, 105 | pre .envvar, 106 | pre .apache .sqbracket, 107 | pre .nginx .built_in { 108 | color: #660e7a; 109 | } 110 | 111 | pre .addition { 112 | background: #baeeba; 113 | } 114 | 115 | pre .deletion { 116 | background: #ffc8bd; 117 | } 118 | 119 | pre .diff .change { 120 | background: #bccff9; 121 | } 122 | -------------------------------------------------------------------------------- /styles/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/styles/index.html -------------------------------------------------------------------------------- /styles/ir_black.css: -------------------------------------------------------------------------------- 1 | /* 2 | IR_Black style (c) Vasily Mikhailitchenko 3 | */ 4 | 5 | pre code { 6 | display: block; padding: 0.5em; 7 | background: #000; color: #f8f8f8; 8 | } 9 | 10 | pre .shebang, 11 | pre .comment, 12 | pre .template_comment, 13 | pre .javadoc { 14 | color: #7c7c7c; 15 | } 16 | 17 | pre .keyword, 18 | pre .tag, 19 | pre .tex .command, 20 | pre .request, 21 | pre .status, 22 | pre .clojure .attribute { 23 | color: #96CBFE; 24 | } 25 | 26 | pre .sub .keyword, 27 | pre .method, 28 | pre .list .title, 29 | pre .nginx .title { 30 | color: #FFFFB6; 31 | } 32 | 33 | pre .string, 34 | pre .tag .value, 35 | pre .cdata, 36 | pre .filter .argument, 37 | pre .attr_selector, 38 | pre .apache .cbracket, 39 | pre .date { 40 | color: #A8FF60; 41 | } 42 | 43 | pre .subst { 44 | color: #DAEFA3; 45 | } 46 | 47 | pre .regexp { 48 | color: #E9C062; 49 | } 50 | 51 | pre .title, 52 | pre .sub .identifier, 53 | pre .pi, 54 | pre .decorator, 55 | pre .tex .special, 56 | pre .haskell .type, 57 | pre .constant, 58 | pre .smalltalk .class, 59 | pre .javadoctag, 60 | pre .yardoctag, 61 | pre .phpdoc, 62 | pre .nginx .built_in { 63 | color: #FFFFB6; 64 | } 65 | 66 | pre .symbol, 67 | pre .ruby .symbol .string, 68 | pre .number, 69 | pre .variable, 70 | pre .vbscript, 71 | pre .literal { 72 | color: #C6C5FE; 73 | } 74 | 75 | pre .css .tag { 76 | color: #96CBFE; 77 | } 78 | 79 | pre .css .rules .property, 80 | pre .css .id { 81 | color: #FFFFB6; 82 | } 83 | 84 | pre .css .class { 85 | color: #FFF; 86 | } 87 | 88 | pre .hexcolor { 89 | color: #C6C5FE; 90 | } 91 | 92 | pre .number { 93 | color:#FF73FD; 94 | } 95 | 96 | pre .coffeescript .javascript, 97 | pre .javascript .xml, 98 | pre .tex .formula, 99 | pre .xml .javascript, 100 | pre .xml .vbscript, 101 | pre .xml .css, 102 | pre .xml .cdata { 103 | opacity: 0.7; 104 | } 105 | -------------------------------------------------------------------------------- /styles/magula.css: -------------------------------------------------------------------------------- 1 | /* 2 | Description: Magula style for highligh.js 3 | Author: Ruslan Keba 4 | Website: http://rukeba.com/ 5 | Version: 1.0 6 | Date: 2009-01-03 7 | Music: Aphex Twin / Xtal 8 | */ 9 | 10 | pre code { 11 | display: block; padding: 0.5em; 12 | background-color: #f4f4f4; 13 | } 14 | 15 | pre code, 16 | pre .subst, 17 | pre .lisp .title, 18 | pre .clojure .built_in { 19 | color: black; 20 | } 21 | 22 | pre .string, 23 | pre .title, 24 | pre .parent, 25 | pre .tag .value, 26 | pre .rules .value, 27 | pre .rules .value .number, 28 | pre .preprocessor, 29 | pre .ruby .symbol, 30 | pre .ruby .symbol .string, 31 | pre .aggregate, 32 | pre .template_tag, 33 | pre .django .variable, 34 | pre .smalltalk .class, 35 | pre .addition, 36 | pre .flow, 37 | pre .stream, 38 | pre .bash .variable, 39 | pre .apache .cbracket { 40 | color: #050; 41 | } 42 | 43 | pre .comment, 44 | pre .annotation, 45 | pre .template_comment, 46 | pre .diff .header, 47 | pre .chunk { 48 | color: #777; 49 | } 50 | 51 | pre .number, 52 | pre .date, 53 | pre .regexp, 54 | pre .literal, 55 | pre .smalltalk .symbol, 56 | pre .smalltalk .char, 57 | pre .change, 58 | pre .tex .special { 59 | color: #800; 60 | } 61 | 62 | pre .label, 63 | pre .javadoc, 64 | pre .ruby .string, 65 | pre .decorator, 66 | pre .filter .argument, 67 | pre .localvars, 68 | pre .array, 69 | pre .attr_selector, 70 | pre .pseudo, 71 | pre .pi, 72 | pre .doctype, 73 | pre .deletion, 74 | pre .envvar, 75 | pre .shebang, 76 | pre .apache .sqbracket, 77 | pre .nginx .built_in, 78 | pre .tex .formula, 79 | pre .prompt, 80 | pre .clojure .attribute { 81 | color: #00e; 82 | } 83 | 84 | pre .keyword, 85 | pre .id, 86 | pre .phpdoc, 87 | pre .title, 88 | pre .built_in, 89 | pre .aggregate, 90 | pre .smalltalk .class, 91 | pre .winutils, 92 | pre .bash .variable, 93 | pre .apache .tag, 94 | pre .xml .tag, 95 | pre .tex .command, 96 | pre .request, 97 | pre .status { 98 | font-weight: bold; 99 | color: navy; 100 | } 101 | 102 | pre .nginx .built_in { 103 | font-weight: normal; 104 | } 105 | 106 | pre .coffeescript .javascript, 107 | pre .javascript .xml, 108 | pre .tex .formula, 109 | pre .xml .javascript, 110 | pre .xml .vbscript, 111 | pre .xml .css, 112 | pre .xml .cdata { 113 | opacity: 0.5; 114 | } 115 | 116 | /* --- */ 117 | pre .apache .tag { 118 | font-weight: bold; 119 | color: blue; 120 | } 121 | 122 | -------------------------------------------------------------------------------- /styles/monokai.css: -------------------------------------------------------------------------------- 1 | /* 2 | Monokai style - ported by Luigi Maselli - http://grigio.org 3 | */ 4 | 5 | pre code { 6 | display: block; padding: 0.5em; 7 | background: #272822; 8 | } 9 | 10 | pre .tag, 11 | pre .tag .title, 12 | pre .keyword, 13 | pre .literal, 14 | pre .change, 15 | pre .winutils, 16 | pre .flow, 17 | pre .lisp .title, 18 | pre .clojure .built_in, 19 | pre .nginx .title, 20 | pre .tex .special { 21 | color: #F92672; 22 | } 23 | 24 | pre code { 25 | color: #DDD; 26 | } 27 | 28 | pre code .constant { 29 | color: #66D9EF; 30 | } 31 | 32 | pre .class .title { 33 | color: white; 34 | } 35 | 36 | pre .attribute, 37 | pre .symbol, 38 | pre .symbol .string, 39 | pre .value, 40 | pre .regexp { 41 | color: #BF79DB; 42 | } 43 | 44 | pre .tag .value, 45 | pre .string, 46 | pre .subst, 47 | pre .title, 48 | pre .haskell .type, 49 | pre .preprocessor, 50 | pre .ruby .class .parent, 51 | pre .built_in, 52 | pre .sql .aggregate, 53 | pre .django .template_tag, 54 | pre .django .variable, 55 | pre .smalltalk .class, 56 | pre .javadoc, 57 | pre .django .filter .argument, 58 | pre .smalltalk .localvars, 59 | pre .smalltalk .array, 60 | pre .attr_selector, 61 | pre .pseudo, 62 | pre .addition, 63 | pre .stream, 64 | pre .envvar, 65 | pre .apache .tag, 66 | pre .apache .cbracket, 67 | pre .tex .command, 68 | pre .prompt { 69 | color: #A6E22E; 70 | } 71 | 72 | pre .comment, 73 | pre .java .annotation, 74 | pre .python .decorator, 75 | pre .template_comment, 76 | pre .pi, 77 | pre .doctype, 78 | pre .deletion, 79 | pre .shebang, 80 | pre .apache .sqbracket, 81 | pre .tex .formula { 82 | color: #75715E; 83 | } 84 | 85 | pre .keyword, 86 | pre .literal, 87 | pre .css .id, 88 | pre .phpdoc, 89 | pre .title, 90 | pre .haskell .type, 91 | pre .vbscript .built_in, 92 | pre .sql .aggregate, 93 | pre .rsl .built_in, 94 | pre .smalltalk .class, 95 | pre .diff .header, 96 | pre .chunk, 97 | pre .winutils, 98 | pre .bash .variable, 99 | pre .apache .tag, 100 | pre .tex .special, 101 | pre .request, 102 | pre .status { 103 | font-weight: bold; 104 | } 105 | 106 | pre .coffeescript .javascript, 107 | pre .javascript .xml, 108 | pre .tex .formula, 109 | pre .xml .javascript, 110 | pre .xml .vbscript, 111 | pre .xml .css, 112 | pre .xml .cdata { 113 | opacity: 0.5; 114 | } 115 | -------------------------------------------------------------------------------- /styles/pojoaque.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Pojoaque Style by Jason Tate 4 | http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html 5 | Based on Solarized Style from http://ethanschoonover.com/solarized 6 | 7 | */ 8 | 9 | pre code { 10 | display: block; padding: 0.5em; 11 | color: #DCCF8F; 12 | background: url(./pojoaque.jpg) repeat scroll left top #181914; 13 | } 14 | 15 | pre .comment, 16 | pre .template_comment, 17 | pre .diff .header, 18 | pre .doctype, 19 | pre .lisp .string, 20 | pre .javadoc { 21 | color: #586e75; 22 | font-style: italic; 23 | } 24 | 25 | pre .keyword, 26 | pre .css .rule .keyword, 27 | pre .winutils, 28 | pre .javascript .title, 29 | pre .method, 30 | pre .addition, 31 | pre .css .tag, 32 | pre .clojure .title, 33 | pre .nginx .title { 34 | color: #B64926; 35 | } 36 | 37 | pre .number, 38 | pre .command, 39 | pre .string, 40 | pre .tag .value, 41 | pre .phpdoc, 42 | pre .tex .formula, 43 | pre .regexp, 44 | pre .hexcolor { 45 | color: #468966; 46 | } 47 | 48 | pre .title, 49 | pre .localvars, 50 | pre .function .title, 51 | pre .chunk, 52 | pre .decorator, 53 | pre .built_in, 54 | pre .lisp .title, 55 | pre .clojure .built_in, 56 | pre .identifier, 57 | pre .id { 58 | color: #FFB03B; 59 | } 60 | 61 | pre .attribute, 62 | pre .variable, 63 | pre .lisp .body, 64 | pre .smalltalk .number, 65 | pre .constant, 66 | pre .class .title, 67 | pre .parent, 68 | pre .haskell .type { 69 | color: #b58900; 70 | } 71 | 72 | pre .css .attribute { 73 | color: #b89859; 74 | } 75 | 76 | pre .css .number,pre .css .hexcolor{ 77 | color: #DCCF8F; 78 | } 79 | 80 | pre .css .class { 81 | color: #d3a60c; 82 | } 83 | 84 | pre .preprocessor, 85 | pre .pi, 86 | pre .shebang, 87 | pre .symbol, 88 | pre .symbol .string, 89 | pre .diff .change, 90 | pre .special, 91 | pre .attr_selector, 92 | pre .important, 93 | pre .subst, 94 | pre .cdata { 95 | color: #cb4b16; 96 | } 97 | 98 | pre .deletion { 99 | color: #dc322f; 100 | } 101 | 102 | pre .tex .formula { 103 | background: #073642; 104 | } 105 | -------------------------------------------------------------------------------- /styles/pojoaque.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/styles/pojoaque.jpg -------------------------------------------------------------------------------- /styles/rainbow.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Style with support for rainbow parens 4 | 5 | */ 6 | 7 | pre ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; } 8 | pre ::selection { background:#FF5E99; color:#fff; text-shadow: none; } 9 | 10 | pre code { 11 | display: block; padding: 0.5em; 12 | background: #474949; color: #D1D9E1; 13 | } 14 | 15 | 16 | pre .body, 17 | pre .collection { 18 | color: #D1D9E1; 19 | } 20 | 21 | pre .comment, 22 | pre .template_comment, 23 | pre .diff .header, 24 | pre .doctype, 25 | pre .lisp .string, 26 | pre .javadoc { 27 | color: #969896; 28 | font-style: italic; 29 | } 30 | 31 | pre .keyword, 32 | pre .clojure .attribute, 33 | pre .winutils, 34 | pre .javascript .title, 35 | pre .addition, 36 | pre .css .tag { 37 | color: #cc99cc; 38 | } 39 | 40 | pre .number { color: #f99157; } 41 | 42 | pre .command, 43 | pre .string, 44 | pre .tag .value, 45 | pre .phpdoc, 46 | pre .tex .formula, 47 | pre .regexp, 48 | pre .hexcolor { 49 | color: #8abeb7; 50 | } 51 | 52 | pre .title, 53 | pre .localvars, 54 | pre .function .title, 55 | pre .chunk, 56 | pre .decorator, 57 | pre .built_in, 58 | pre .lisp .title, 59 | pre .identifier 60 | { 61 | color: #b5bd68; 62 | } 63 | 64 | pre .class .keyword 65 | { 66 | color: #f2777a; 67 | } 68 | 69 | pre .variable, 70 | pre .lisp .body, 71 | pre .smalltalk .number, 72 | pre .constant, 73 | pre .class .title, 74 | pre .parent, 75 | pre .haskell .label, 76 | pre .id, 77 | pre .lisp .title, 78 | pre .clojure .title .built_in { 79 | color: #ffcc66; 80 | } 81 | 82 | pre .tag .title, 83 | pre .rules .property, 84 | pre .django .tag .keyword, 85 | pre .clojure .title .built_in { 86 | font-weight: bold; 87 | } 88 | 89 | pre .attribute, 90 | pre .clojure .title { 91 | color: #81a2be; 92 | } 93 | 94 | pre .preprocessor, 95 | pre .pi, 96 | pre .shebang, 97 | pre .symbol, 98 | pre .symbol .string, 99 | pre .diff .change, 100 | pre .special, 101 | pre .attr_selector, 102 | pre .important, 103 | pre .subst, 104 | pre .cdata { 105 | color: #f99157; 106 | } 107 | 108 | pre .deletion { 109 | color: #dc322f; 110 | } 111 | 112 | pre .tex .formula { 113 | background: #eee8d5; 114 | } 115 | -------------------------------------------------------------------------------- /styles/school_book.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | School Book style from goldblog.com.ua (c) Zaripov Yura 4 | 5 | */ 6 | 7 | pre code { 8 | display: block; padding: 15px 0.5em 0.5em 30px; 9 | font-size: 11px !important; 10 | line-height:16px !important; 11 | } 12 | 13 | pre{ 14 | background:#f6f6ae url(./school_book.png); 15 | border-top: solid 2px #d2e8b9; 16 | border-bottom: solid 1px #d2e8b9; 17 | } 18 | 19 | pre .keyword, 20 | pre .literal, 21 | pre .change, 22 | pre .winutils, 23 | pre .flow, 24 | pre .lisp .title, 25 | pre .clojure .built_in, 26 | pre .nginx .title, 27 | pre .tex .special { 28 | color:#005599; 29 | font-weight:bold; 30 | } 31 | 32 | pre code, 33 | pre .subst, 34 | pre .tag .keyword { 35 | color: #3E5915; 36 | } 37 | 38 | pre .string, 39 | pre .title, 40 | pre .haskell .type, 41 | pre .tag .value, 42 | pre .css .rules .value, 43 | pre .preprocessor, 44 | pre .ruby .symbol, 45 | pre .ruby .symbol .string, 46 | pre .ruby .class .parent, 47 | pre .built_in, 48 | pre .sql .aggregate, 49 | pre .django .template_tag, 50 | pre .django .variable, 51 | pre .smalltalk .class, 52 | pre .javadoc, 53 | pre .ruby .string, 54 | pre .django .filter .argument, 55 | pre .smalltalk .localvars, 56 | pre .smalltalk .array, 57 | pre .attr_selector, 58 | pre .pseudo, 59 | pre .addition, 60 | pre .stream, 61 | pre .envvar, 62 | pre .apache .tag, 63 | pre .apache .cbracket, 64 | pre .nginx .built_in, 65 | pre .tex .command { 66 | color: #2C009F; 67 | } 68 | 69 | pre .comment, 70 | pre .java .annotation, 71 | pre .python .decorator, 72 | pre .template_comment, 73 | pre .pi, 74 | pre .doctype, 75 | pre .deletion, 76 | pre .shebang, 77 | pre .apache .sqbracket { 78 | color: #E60415; 79 | } 80 | 81 | pre .keyword, 82 | pre .literal, 83 | pre .css .id, 84 | pre .phpdoc, 85 | pre .title, 86 | pre .haskell .type, 87 | pre .vbscript .built_in, 88 | pre .sql .aggregate, 89 | pre .rsl .built_in, 90 | pre .smalltalk .class, 91 | pre .xml .tag .title, 92 | pre .diff .header, 93 | pre .chunk, 94 | pre .winutils, 95 | pre .bash .variable, 96 | pre .apache .tag, 97 | pre .tex .command, 98 | pre .request, 99 | pre .status { 100 | font-weight: bold; 101 | } 102 | 103 | pre .coffeescript .javascript, 104 | pre .javascript .xml, 105 | pre .tex .formula, 106 | pre .xml .javascript, 107 | pre .xml .vbscript, 108 | pre .xml .css, 109 | pre .xml .cdata { 110 | opacity: 0.5; 111 | } 112 | -------------------------------------------------------------------------------- /styles/school_book.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/styles/school_book.png -------------------------------------------------------------------------------- /styles/shCoreRDark.css: -------------------------------------------------------------------------------- 1 | /** 2 | * SyntaxHighlighter 3 | * http://alexgorbatchev.com/SyntaxHighlighter 4 | * 5 | * SyntaxHighlighter is donationware. If you are using it, please donate. 6 | * http://alexgorbatchev.com/SyntaxHighlighter/donate.html 7 | * 8 | * @version 9 | * 3.0.83 (July 02 2010) 10 | * 11 | * @copyright 12 | * Copyright (C) 2004-2010 Alex Gorbatchev. 13 | * 14 | * @license 15 | * Dual licensed under the MIT and GPL licenses. 16 | */ 17 | .syntaxhighlighter a, 18 | .syntaxhighlighter div, 19 | .syntaxhighlighter code, 20 | .syntaxhighlighter table, 21 | .syntaxhighlighter table td, 22 | .syntaxhighlighter table tr, 23 | .syntaxhighlighter table tbody, 24 | .syntaxhighlighter table thead, 25 | .syntaxhighlighter table caption, 26 | .syntaxhighlighter textarea { 27 | -moz-border-radius: 0 0 0 0 !important; 28 | -webkit-border-radius: 0 0 0 0 !important; 29 | background: none !important; 30 | border: 0 !important; 31 | bottom: auto !important; 32 | float: none !important; 33 | height: auto !important; 34 | left: auto !important; 35 | line-height: 1.1em !important; 36 | margin: 0 !important; 37 | outline: 0 !important; 38 | overflow: visible !important; 39 | padding: 0 !important; 40 | position: static !important; 41 | right: auto !important; 42 | text-align: left !important; 43 | top: auto !important; 44 | vertical-align: baseline !important; 45 | width: auto !important; 46 | box-sizing: content-box !important; 47 | font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; 48 | font-weight: normal !important; 49 | font-style: normal !important; 50 | font-size: 1em !important; 51 | min-height: inherit !important; 52 | min-height: auto !important; 53 | } 54 | 55 | .syntaxhighlighter { 56 | width: 100% !important; 57 | margin: 1em 0 1em 0 !important; 58 | position: relative !important; 59 | overflow: auto !important; 60 | font-size: 1em !important; 61 | } 62 | .syntaxhighlighter.source { 63 | overflow: hidden !important; 64 | } 65 | .syntaxhighlighter .bold { 66 | font-weight: bold !important; 67 | } 68 | .syntaxhighlighter .italic { 69 | font-style: italic !important; 70 | } 71 | .syntaxhighlighter .line { 72 | white-space: pre !important; 73 | } 74 | .syntaxhighlighter table { 75 | width: 100% !important; 76 | } 77 | .syntaxhighlighter table caption { 78 | text-align: left !important; 79 | padding: .5em 0 0.5em 1em !important; 80 | } 81 | .syntaxhighlighter table td.code { 82 | width: 100% !important; 83 | } 84 | .syntaxhighlighter table td.code .container { 85 | position: relative !important; 86 | } 87 | .syntaxhighlighter table td.code .container textarea { 88 | box-sizing: border-box !important; 89 | position: absolute !important; 90 | left: 0 !important; 91 | top: 0 !important; 92 | width: 100% !important; 93 | height: 100% !important; 94 | border: none !important; 95 | background: white !important; 96 | padding-left: 1em !important; 97 | overflow: hidden !important; 98 | white-space: pre !important; 99 | } 100 | .syntaxhighlighter table td.gutter .line { 101 | text-align: right !important; 102 | padding: 0 0.5em 0 1em !important; 103 | } 104 | .syntaxhighlighter table td.code .line { 105 | padding: 0 1em !important; 106 | } 107 | .syntaxhighlighter.nogutter td.code .container textarea, .syntaxhighlighter.nogutter td.code .line { 108 | padding-left: 0em !important; 109 | } 110 | .syntaxhighlighter.show { 111 | display: block !important; 112 | } 113 | .syntaxhighlighter.collapsed table { 114 | display: none !important; 115 | } 116 | .syntaxhighlighter.collapsed .toolbar { 117 | padding: 0.1em 0.8em 0em 0.8em !important; 118 | font-size: 1em !important; 119 | position: static !important; 120 | width: auto !important; 121 | height: auto !important; 122 | } 123 | .syntaxhighlighter.collapsed .toolbar span { 124 | display: inline !important; 125 | margin-right: 1em !important; 126 | } 127 | .syntaxhighlighter.collapsed .toolbar span a { 128 | padding: 0 !important; 129 | display: none !important; 130 | } 131 | .syntaxhighlighter.collapsed .toolbar span a.expandSource { 132 | display: inline !important; 133 | } 134 | .syntaxhighlighter .toolbar { 135 | position: absolute !important; 136 | right: 1px !important; 137 | top: 1px !important; 138 | width: 11px !important; 139 | height: 11px !important; 140 | font-size: 10px !important; 141 | z-index: 10 !important; 142 | } 143 | .syntaxhighlighter .toolbar span.title { 144 | display: inline !important; 145 | } 146 | .syntaxhighlighter .toolbar a { 147 | display: block !important; 148 | text-align: center !important; 149 | text-decoration: none !important; 150 | padding-top: 1px !important; 151 | } 152 | .syntaxhighlighter .toolbar a.expandSource { 153 | display: none !important; 154 | } 155 | .syntaxhighlighter.ie { 156 | font-size: .9em !important; 157 | padding: 1px 0 1px 0 !important; 158 | } 159 | .syntaxhighlighter.ie .toolbar { 160 | line-height: 8px !important; 161 | } 162 | .syntaxhighlighter.ie .toolbar a { 163 | padding-top: 0px !important; 164 | } 165 | .syntaxhighlighter.printing .line.alt1 .content, 166 | .syntaxhighlighter.printing .line.alt2 .content, 167 | .syntaxhighlighter.printing .line.highlighted .number, 168 | .syntaxhighlighter.printing .line.highlighted.alt1 .content, 169 | .syntaxhighlighter.printing .line.highlighted.alt2 .content { 170 | background: none !important; 171 | } 172 | .syntaxhighlighter.printing .line .number { 173 | color: #bbbbbb !important; 174 | } 175 | .syntaxhighlighter.printing .line .content { 176 | color: black !important; 177 | } 178 | .syntaxhighlighter.printing .toolbar { 179 | display: none !important; 180 | } 181 | .syntaxhighlighter.printing a { 182 | text-decoration: none !important; 183 | } 184 | .syntaxhighlighter.printing .plain, .syntaxhighlighter.printing .plain a { 185 | color: black !important; 186 | } 187 | .syntaxhighlighter.printing .comments, .syntaxhighlighter.printing .comments a { 188 | color: #008200 !important; 189 | } 190 | .syntaxhighlighter.printing .string, .syntaxhighlighter.printing .string a { 191 | color: blue !important; 192 | } 193 | .syntaxhighlighter.printing .keyword { 194 | color: #006699 !important; 195 | font-weight: bold !important; 196 | } 197 | .syntaxhighlighter.printing .preprocessor { 198 | color: gray !important; 199 | } 200 | .syntaxhighlighter.printing .variable { 201 | color: #aa7700 !important; 202 | } 203 | .syntaxhighlighter.printing .value { 204 | color: #009900 !important; 205 | } 206 | .syntaxhighlighter.printing .functions { 207 | color: #ff1493 !important; 208 | } 209 | .syntaxhighlighter.printing .constants { 210 | color: #0066cc !important; 211 | } 212 | .syntaxhighlighter.printing .script { 213 | font-weight: bold !important; 214 | } 215 | .syntaxhighlighter.printing .color1, .syntaxhighlighter.printing .color1 a { 216 | color: gray !important; 217 | } 218 | .syntaxhighlighter.printing .color2, .syntaxhighlighter.printing .color2 a { 219 | color: #ff1493 !important; 220 | } 221 | .syntaxhighlighter.printing .color3, .syntaxhighlighter.printing .color3 a { 222 | color: red !important; 223 | } 224 | .syntaxhighlighter.printing .break, .syntaxhighlighter.printing .break a { 225 | color: black !important; 226 | } 227 | 228 | .syntaxhighlighter { 229 | background-color: #1b2426 !important; 230 | } 231 | .syntaxhighlighter .line.alt1 { 232 | background-color: #1b2426 !important; 233 | } 234 | .syntaxhighlighter .line.alt2 { 235 | background-color: #1b2426 !important; 236 | } 237 | .syntaxhighlighter .line.highlighted.alt1, .syntaxhighlighter .line.highlighted.alt2 { 238 | background-color: #323e41 !important; 239 | } 240 | .syntaxhighlighter .line.highlighted.number { 241 | color: #b9bdb6 !important; 242 | } 243 | .syntaxhighlighter table caption { 244 | color: #b9bdb6 !important; 245 | } 246 | .syntaxhighlighter .gutter { 247 | color: #afafaf !important; 248 | } 249 | .syntaxhighlighter .gutter .line { 250 | border-right: 3px solid #435a5f !important; 251 | } 252 | .syntaxhighlighter .gutter .line.highlighted { 253 | background-color: #435a5f !important; 254 | color: #1b2426 !important; 255 | } 256 | .syntaxhighlighter.printing .line .content { 257 | border: none !important; 258 | } 259 | .syntaxhighlighter.collapsed { 260 | overflow: visible !important; 261 | } 262 | .syntaxhighlighter.collapsed .toolbar { 263 | color: #5ba1cf !important; 264 | background: black !important; 265 | border: 1px solid #435a5f !important; 266 | } 267 | .syntaxhighlighter.collapsed .toolbar a { 268 | color: #5ba1cf !important; 269 | } 270 | .syntaxhighlighter.collapsed .toolbar a:hover { 271 | color: #5ce638 !important; 272 | } 273 | .syntaxhighlighter .toolbar { 274 | color: white !important; 275 | background: #435a5f !important; 276 | border: none !important; 277 | } 278 | .syntaxhighlighter .toolbar a { 279 | color: white !important; 280 | } 281 | .syntaxhighlighter .toolbar a:hover { 282 | color: #e0e8ff !important; 283 | } 284 | .syntaxhighlighter .plain, .syntaxhighlighter .plain a { 285 | color: #b9bdb6 !important; 286 | } 287 | .syntaxhighlighter .comments, .syntaxhighlighter .comments a { 288 | color: #878a85 !important; 289 | } 290 | .syntaxhighlighter .string, .syntaxhighlighter .string a { 291 | color: #5ce638 !important; 292 | } 293 | .syntaxhighlighter .keyword { 294 | color: #5ba1cf !important; 295 | } 296 | .syntaxhighlighter .preprocessor { 297 | color: #435a5f !important; 298 | } 299 | .syntaxhighlighter .variable { 300 | color: #ffaa3e !important; 301 | } 302 | .syntaxhighlighter .value { 303 | color: #009900 !important; 304 | } 305 | .syntaxhighlighter .functions { 306 | color: #ffaa3e !important; 307 | } 308 | .syntaxhighlighter .constants { 309 | color: #e0e8ff !important; 310 | } 311 | .syntaxhighlighter .script { 312 | font-weight: bold !important; 313 | color: #5ba1cf !important; 314 | background-color: none !important; 315 | } 316 | .syntaxhighlighter .color1, .syntaxhighlighter .color1 a { 317 | color: #e0e8ff !important; 318 | } 319 | .syntaxhighlighter .color2, .syntaxhighlighter .color2 a { 320 | color: white !important; 321 | } 322 | .syntaxhighlighter .color3, .syntaxhighlighter .color3 a { 323 | color: #ffaa3e !important; 324 | } 325 | -------------------------------------------------------------------------------- /styles/solarized_dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull 4 | 5 | */ 6 | 7 | pre code { 8 | display: block; padding: 0.5em; 9 | background: #002b36; color: #839496; 10 | } 11 | 12 | pre .comment, 13 | pre .template_comment, 14 | pre .diff .header, 15 | pre .doctype, 16 | pre .pi, 17 | pre .lisp .string, 18 | pre .javadoc { 19 | color: #586e75; 20 | font-style: italic; 21 | } 22 | 23 | pre .keyword, 24 | pre .winutils, 25 | pre .method, 26 | pre .addition, 27 | pre .css .tag, 28 | pre .request, 29 | pre .status, 30 | pre .nginx .title { 31 | color: #859900; 32 | } 33 | 34 | pre .number, 35 | pre .command, 36 | pre .string, 37 | pre .tag .value, 38 | pre .phpdoc, 39 | pre .tex .formula, 40 | pre .regexp, 41 | pre .hexcolor { 42 | color: #2aa198; 43 | } 44 | 45 | pre .title, 46 | pre .localvars, 47 | pre .chunk, 48 | pre .decorator, 49 | pre .built_in, 50 | pre .identifier, 51 | pre .vhdl .literal, 52 | pre .id { 53 | color: #268bd2; 54 | } 55 | 56 | pre .attribute, 57 | pre .variable, 58 | pre .lisp .body, 59 | pre .smalltalk .number, 60 | pre .constant, 61 | pre .class .title, 62 | pre .parent, 63 | pre .haskell .type { 64 | color: #b58900; 65 | } 66 | 67 | pre .preprocessor, 68 | pre .preprocessor .keyword, 69 | pre .shebang, 70 | pre .symbol, 71 | pre .symbol .string, 72 | pre .diff .change, 73 | pre .special, 74 | pre .attr_selector, 75 | pre .important, 76 | pre .subst, 77 | pre .cdata, 78 | pre .clojure .title { 79 | color: #cb4b16; 80 | } 81 | 82 | pre .deletion { 83 | color: #dc322f; 84 | } 85 | 86 | pre .tex .formula { 87 | background: #073642; 88 | } 89 | -------------------------------------------------------------------------------- /styles/solarized_light.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull 4 | 5 | */ 6 | 7 | pre code { 8 | display: block; padding: 0.5em; 9 | background: #fdf6e3; color: #657b83; 10 | } 11 | 12 | pre .comment, 13 | pre .template_comment, 14 | pre .diff .header, 15 | pre .doctype, 16 | pre .pi, 17 | pre .lisp .string, 18 | pre .javadoc { 19 | color: #93a1a1; 20 | font-style: italic; 21 | } 22 | 23 | pre .keyword, 24 | pre .winutils, 25 | pre .method, 26 | pre .addition, 27 | pre .css .tag, 28 | pre .request, 29 | pre .status, 30 | pre .nginx .title { 31 | color: #859900; 32 | } 33 | 34 | pre .number, 35 | pre .command, 36 | pre .string, 37 | pre .tag .value, 38 | pre .phpdoc, 39 | pre .tex .formula, 40 | pre .regexp, 41 | pre .hexcolor { 42 | color: #2aa198; 43 | } 44 | 45 | pre .title, 46 | pre .localvars, 47 | pre .chunk, 48 | pre .decorator, 49 | pre .built_in, 50 | pre .identifier, 51 | pre .vhdl .literal, 52 | pre .id { 53 | color: #268bd2; 54 | } 55 | 56 | pre .attribute, 57 | pre .variable, 58 | pre .lisp .body, 59 | pre .smalltalk .number, 60 | pre .constant, 61 | pre .class .title, 62 | pre .parent, 63 | pre .haskell .type { 64 | color: #b58900; 65 | } 66 | 67 | pre .preprocessor, 68 | pre .preprocessor .keyword, 69 | pre .shebang, 70 | pre .symbol, 71 | pre .symbol .string, 72 | pre .diff .change, 73 | pre .special, 74 | pre .attr_selector, 75 | pre .important, 76 | pre .subst, 77 | pre .cdata, 78 | pre .clojure .title { 79 | color: #cb4b16; 80 | } 81 | 82 | pre .deletion { 83 | color: #dc322f; 84 | } 85 | 86 | pre .tex .formula { 87 | background: #eee8d5; 88 | } 89 | -------------------------------------------------------------------------------- /styles/sunburst.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Sunburst-like style (c) Vasily Polovnyov 4 | 5 | */ 6 | 7 | pre code { 8 | display: block; padding: 0.5em; 9 | background: #000; color: #f8f8f8; 10 | } 11 | 12 | pre .comment, 13 | pre .template_comment, 14 | pre .javadoc { 15 | color: #aeaeae; 16 | font-style: italic; 17 | } 18 | 19 | pre .keyword, 20 | pre .ruby .function .keyword, 21 | pre .request, 22 | pre .status, 23 | pre .nginx .title { 24 | color: #E28964; 25 | } 26 | 27 | pre .function .keyword, 28 | pre .sub .keyword, 29 | pre .method, 30 | pre .list .title { 31 | color: #99CF50; 32 | } 33 | 34 | pre .string, 35 | pre .tag .value, 36 | pre .cdata, 37 | pre .filter .argument, 38 | pre .attr_selector, 39 | pre .apache .cbracket, 40 | pre .date, 41 | pre .tex .command { 42 | color: #65B042; 43 | } 44 | 45 | pre .subst { 46 | color: #DAEFA3; 47 | } 48 | 49 | pre .regexp { 50 | color: #E9C062; 51 | } 52 | 53 | pre .title, 54 | pre .sub .identifier, 55 | pre .pi, 56 | pre .tag, 57 | pre .tag .keyword, 58 | pre .decorator, 59 | pre .shebang, 60 | pre .prompt { 61 | color: #89BDFF; 62 | } 63 | 64 | pre .class .title, 65 | pre .haskell .type, 66 | pre .smalltalk .class, 67 | pre .javadoctag, 68 | pre .yardoctag, 69 | pre .phpdoc { 70 | text-decoration: underline; 71 | } 72 | 73 | pre .symbol, 74 | pre .ruby .symbol .string, 75 | pre .number { 76 | color: #3387CC; 77 | } 78 | 79 | pre .params, 80 | pre .variable, 81 | pre .clojure .attribute { 82 | color: #3E87E3; 83 | } 84 | 85 | pre .css .tag, 86 | pre .rules .property, 87 | pre .pseudo, 88 | pre .tex .special { 89 | color: #CDA869; 90 | } 91 | 92 | pre .css .class { 93 | color: #9B703F; 94 | } 95 | 96 | pre .rules .keyword { 97 | color: #C5AF75; 98 | } 99 | 100 | pre .rules .value { 101 | color: #CF6A4C; 102 | } 103 | 104 | pre .css .id { 105 | color: #8B98AB; 106 | } 107 | 108 | pre .annotation, 109 | pre .apache .sqbracket, 110 | pre .nginx .built_in { 111 | color: #9B859D; 112 | } 113 | 114 | pre .preprocessor { 115 | color: #8996A8; 116 | } 117 | 118 | pre .hexcolor, 119 | pre .css .value .number { 120 | color: #DD7B3B; 121 | } 122 | 123 | pre .css .function { 124 | color: #DAD085; 125 | } 126 | 127 | pre .diff .header, 128 | pre .chunk, 129 | pre .tex .formula { 130 | background-color: #0E2231; 131 | color: #F8F8F8; 132 | font-style: italic; 133 | } 134 | 135 | pre .diff .change { 136 | background-color: #4A410D; 137 | color: #F8F8F8; 138 | } 139 | 140 | pre .addition { 141 | background-color: #253B22; 142 | color: #F8F8F8; 143 | } 144 | 145 | pre .deletion { 146 | background-color: #420E09; 147 | color: #F8F8F8; 148 | } 149 | 150 | pre .coffeescript .javascript, 151 | pre .javascript .xml, 152 | pre .tex .formula, 153 | pre .xml .javascript, 154 | pre .xml .vbscript, 155 | pre .xml .css, 156 | pre .xml .cdata { 157 | opacity: 0.5; 158 | } 159 | -------------------------------------------------------------------------------- /styles/tomorrow-night-blue.css: -------------------------------------------------------------------------------- 1 | /* Tomorrow Night Blue Theme */ 2 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 3 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */ 4 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 5 | .tomorrow-comment, pre .comment, pre .title { 6 | color: #7285b7; 7 | } 8 | 9 | .tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo { 10 | color: #ff9da4; 11 | } 12 | 13 | .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant { 14 | color: #ffc58f; 15 | } 16 | 17 | .tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute { 18 | color: #ffeead; 19 | } 20 | 21 | .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata { 22 | color: #d1f1a9; 23 | } 24 | 25 | .tomorrow-aqua, pre .css .hexcolor { 26 | color: #99ffff; 27 | } 28 | 29 | .tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title { 30 | color: #bbdaff; 31 | } 32 | 33 | .tomorrow-purple, pre .keyword, pre .javascript .function { 34 | color: #ebbbff; 35 | } 36 | 37 | pre code { 38 | display: block; 39 | background: #002451; 40 | color: white; 41 | padding: 0.5em; 42 | } 43 | 44 | pre .coffeescript .javascript, 45 | pre .javascript .xml, 46 | pre .tex .formula, 47 | pre .xml .javascript, 48 | pre .xml .vbscript, 49 | pre .xml .css, 50 | pre .xml .cdata { 51 | opacity: 0.5; 52 | } 53 | -------------------------------------------------------------------------------- /styles/tomorrow-night-bright.css: -------------------------------------------------------------------------------- 1 | /* Tomorrow Night Bright Theme */ 2 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */ 3 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 4 | .tomorrow-comment, pre .comment, pre .title { 5 | color: #969896; 6 | } 7 | 8 | .tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo { 9 | color: #d54e53; 10 | } 11 | 12 | .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant { 13 | color: #e78c45; 14 | } 15 | 16 | .tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute { 17 | color: #e7c547; 18 | } 19 | 20 | .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata { 21 | color: #b9ca4a; 22 | } 23 | 24 | .tomorrow-aqua, pre .css .hexcolor { 25 | color: #70c0b1; 26 | } 27 | 28 | .tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title { 29 | color: #7aa6da; 30 | } 31 | 32 | .tomorrow-purple, pre .keyword, pre .javascript .function { 33 | color: #c397d8; 34 | } 35 | 36 | pre code { 37 | display: block; 38 | background: black; 39 | color: #eaeaea; 40 | padding: 0.5em; 41 | } 42 | 43 | pre .coffeescript .javascript, 44 | pre .javascript .xml, 45 | pre .tex .formula, 46 | pre .xml .javascript, 47 | pre .xml .vbscript, 48 | pre .xml .css, 49 | pre .xml .cdata { 50 | opacity: 0.5; 51 | } 52 | -------------------------------------------------------------------------------- /styles/tomorrow-night-eighties.css: -------------------------------------------------------------------------------- 1 | /* Tomorrow Night Eighties Theme */ 2 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */ 3 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 4 | .tomorrow-comment, pre .comment, pre .title { 5 | color: #999999; 6 | } 7 | 8 | .tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo { 9 | color: #f2777a; 10 | } 11 | 12 | .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant { 13 | color: #f99157; 14 | } 15 | 16 | .tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute { 17 | color: #ffcc66; 18 | } 19 | 20 | .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata { 21 | color: #99cc99; 22 | } 23 | 24 | .tomorrow-aqua, pre .css .hexcolor { 25 | color: #66cccc; 26 | } 27 | 28 | .tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title { 29 | color: #6699cc; 30 | } 31 | 32 | .tomorrow-purple, pre .keyword, pre .javascript .function { 33 | color: #cc99cc; 34 | } 35 | 36 | pre code { 37 | display: block; 38 | background: #2d2d2d; 39 | color: #cccccc; 40 | padding: 0.5em; 41 | } 42 | 43 | pre .coffeescript .javascript, 44 | pre .javascript .xml, 45 | pre .tex .formula, 46 | pre .xml .javascript, 47 | pre .xml .vbscript, 48 | pre .xml .css, 49 | pre .xml .cdata { 50 | opacity: 0.5; 51 | } 52 | -------------------------------------------------------------------------------- /styles/tomorrow-night.css: -------------------------------------------------------------------------------- 1 | /* Tomorrow Night Theme */ 2 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 3 | /* Original theme - https://github.com/chriskempson/tomorrow-theme */ 4 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 5 | .tomorrow-comment, pre .comment, pre .title { 6 | color: #969896; 7 | } 8 | 9 | .tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo { 10 | color: #cc6666; 11 | } 12 | 13 | .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant { 14 | color: #de935f; 15 | } 16 | 17 | .tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute { 18 | color: #f0c674; 19 | } 20 | 21 | .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata { 22 | color: #b5bd68; 23 | } 24 | 25 | .tomorrow-aqua, pre .css .hexcolor { 26 | color: #8abeb7; 27 | } 28 | 29 | .tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title { 30 | color: #81a2be; 31 | } 32 | 33 | .tomorrow-purple, pre .keyword, pre .javascript .function { 34 | color: #b294bb; 35 | } 36 | 37 | pre code { 38 | display: block; 39 | background: #1d1f21; 40 | color: #c5c8c6; 41 | padding: 0.5em; 42 | } 43 | 44 | pre .coffeescript .javascript, 45 | pre .javascript .xml, 46 | pre .tex .formula, 47 | pre .xml .javascript, 48 | pre .xml .vbscript, 49 | pre .xml .css, 50 | pre .xml .cdata { 51 | opacity: 0.5; 52 | } 53 | -------------------------------------------------------------------------------- /styles/tomorrow.css: -------------------------------------------------------------------------------- 1 | /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ 2 | .tomorrow-comment, pre .comment, pre .title { 3 | color: #8e908c; 4 | } 5 | 6 | .tomorrow-red, pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant, pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype, pre .css .id, pre .css .class, pre .css .pseudo { 7 | color: #c82829; 8 | } 9 | 10 | .tomorrow-orange, pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params, pre .constant { 11 | color: #f5871f; 12 | } 13 | 14 | .tomorrow-yellow, pre .class, pre .ruby .class .title, pre .css .rules .attribute { 15 | color: #eab700; 16 | } 17 | 18 | .tomorrow-green, pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol, pre .xml .cdata { 19 | color: #718c00; 20 | } 21 | 22 | .tomorrow-aqua, pre .css .hexcolor { 23 | color: #3e999f; 24 | } 25 | 26 | .tomorrow-blue, pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title, pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title { 27 | color: #4271ae; 28 | } 29 | 30 | .tomorrow-purple, pre .keyword, pre .javascript .function { 31 | color: #8959a8; 32 | } 33 | 34 | pre code { 35 | display: block; 36 | background: white; 37 | color: #4d4d4c; 38 | padding: 0.5em; 39 | } 40 | 41 | pre .coffeescript .javascript, 42 | pre .javascript .xml, 43 | pre .tex .formula, 44 | pre .xml .javascript, 45 | pre .xml .vbscript, 46 | pre .xml .css, 47 | pre .xml .cdata { 48 | opacity: 0.5; 49 | } 50 | -------------------------------------------------------------------------------- /styles/vs.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Visual Studio-like style based on original C# coloring by Jason Diamond 4 | 5 | */ 6 | pre code { 7 | display: block; padding: 0.5em; 8 | } 9 | 10 | pre .comment, 11 | pre .annotation, 12 | pre .template_comment, 13 | pre .diff .header, 14 | pre .chunk, 15 | pre .apache .cbracket { 16 | color: rgb(0, 128, 0); 17 | } 18 | 19 | pre .keyword, 20 | pre .id, 21 | pre .built_in, 22 | pre .smalltalk .class, 23 | pre .winutils, 24 | pre .bash .variable, 25 | pre .tex .command, 26 | pre .request, 27 | pre .status, 28 | pre .nginx .title, 29 | pre .xml .tag, 30 | pre .xml .tag .value { 31 | color: rgb(0, 0, 255); 32 | } 33 | 34 | pre .string, 35 | pre .title, 36 | pre .parent, 37 | pre .tag .value, 38 | pre .rules .value, 39 | pre .rules .value .number, 40 | pre .ruby .symbol, 41 | pre .ruby .symbol .string, 42 | pre .aggregate, 43 | pre .template_tag, 44 | pre .django .variable, 45 | pre .addition, 46 | pre .flow, 47 | pre .stream, 48 | pre .apache .tag, 49 | pre .date, 50 | pre .tex .formula { 51 | color: rgb(163, 21, 21); 52 | } 53 | 54 | pre .ruby .string, 55 | pre .decorator, 56 | pre .filter .argument, 57 | pre .localvars, 58 | pre .array, 59 | pre .attr_selector, 60 | pre .pseudo, 61 | pre .pi, 62 | pre .doctype, 63 | pre .deletion, 64 | pre .envvar, 65 | pre .shebang, 66 | pre .preprocessor, 67 | pre .userType, 68 | pre .apache .sqbracket, 69 | pre .nginx .built_in, 70 | pre .tex .special, 71 | pre .prompt { 72 | color: rgb(43, 145, 175); 73 | } 74 | 75 | pre .phpdoc, 76 | pre .javadoc, 77 | pre .xmlDocTag { 78 | color: rgb(128, 128, 128); 79 | } 80 | 81 | pre .vhdl .typename { font-weight: bold; } 82 | pre .vhdl .string { color: #666666; } 83 | pre .vhdl .literal { color: rgb(163, 21, 21); } 84 | pre .vhdl .attribute { color: #00B0E8; } 85 | 86 | pre .xml .attribute { color: rgb(255, 0, 0); } 87 | -------------------------------------------------------------------------------- /styles/xcode.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | XCode style (c) Angel Garcia 4 | 5 | */ 6 | 7 | pre code { 8 | display: block; padding: 0.5em; 9 | background: #fff; color: black; 10 | } 11 | 12 | pre .comment, 13 | pre .template_comment, 14 | pre .javadoc, 15 | pre .comment * { 16 | color: rgb(0,106,0); 17 | } 18 | 19 | pre .keyword, 20 | pre .literal, 21 | pre .nginx .title { 22 | color: rgb(170,13,145); 23 | } 24 | pre .method, 25 | pre .list .title, 26 | pre .tag .title, 27 | pre .setting .value, 28 | pre .winutils, 29 | pre .tex .command, 30 | pre .http .title, 31 | pre .request, 32 | pre .status { 33 | color: #008; 34 | } 35 | 36 | pre .envvar, 37 | pre .tex .special { 38 | color: #660; 39 | } 40 | 41 | pre .string { 42 | color: rgb(196,26,22); 43 | } 44 | pre .tag .value, 45 | pre .cdata, 46 | pre .filter .argument, 47 | pre .attr_selector, 48 | pre .apache .cbracket, 49 | pre .date, 50 | pre .regexp { 51 | color: #080; 52 | } 53 | 54 | pre .sub .identifier, 55 | pre .pi, 56 | pre .tag, 57 | pre .tag .keyword, 58 | pre .decorator, 59 | pre .ini .title, 60 | pre .shebang, 61 | pre .prompt, 62 | pre .hexcolor, 63 | pre .rules .value, 64 | pre .css .value .number, 65 | pre .symbol, 66 | pre .symbol .string, 67 | pre .number, 68 | pre .css .function, 69 | pre .clojure .title, 70 | pre .clojure .built_in { 71 | color: rgb(28,0,207); 72 | } 73 | 74 | pre .class .title, 75 | pre .haskell .type, 76 | pre .smalltalk .class, 77 | pre .javadoctag, 78 | pre .yardoctag, 79 | pre .phpdoc, 80 | pre .typename, 81 | pre .tag .attribute, 82 | pre .doctype, 83 | pre .class .id, 84 | pre .built_in, 85 | pre .setting, 86 | pre .params, 87 | pre .clojure .attribute { 88 | color: rgb(92,38,153); 89 | } 90 | 91 | pre .variable { 92 | color: rgb(63,110,116); 93 | } 94 | pre .css .tag, 95 | pre .rules .property, 96 | pre .pseudo, 97 | pre .subst { 98 | color: #000; 99 | } 100 | 101 | pre .css .class, pre .css .id { 102 | color: #9B703F; 103 | } 104 | 105 | pre .value .important { 106 | color: #ff7700; 107 | font-weight: bold; 108 | } 109 | 110 | pre .rules .keyword { 111 | color: #C5AF75; 112 | } 113 | 114 | pre .annotation, 115 | pre .apache .sqbracket, 116 | pre .nginx .built_in { 117 | color: #9B859D; 118 | } 119 | 120 | pre .preprocessor, 121 | pre .preprocessor * { 122 | color: rgb(100,56,32); 123 | } 124 | 125 | pre .tex .formula { 126 | background-color: #EEE; 127 | font-style: italic; 128 | } 129 | 130 | pre .diff .header, 131 | pre .chunk { 132 | color: #808080; 133 | font-weight: bold; 134 | } 135 | 136 | pre .diff .change { 137 | background-color: #BCCFF9; 138 | } 139 | 140 | pre .addition { 141 | background-color: #BAEEBA; 142 | } 143 | 144 | pre .deletion { 145 | background-color: #FFC8BD; 146 | } 147 | 148 | pre .comment .yardoctag { 149 | font-weight: bold; 150 | } 151 | 152 | pre .method .id { 153 | color: #000; 154 | } 155 | -------------------------------------------------------------------------------- /styles/zenburn.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Zenburn style from voldmar.ru (c) Vladimir Epifanov 4 | based on dark.css by Ivan Sagalaev 5 | 6 | */ 7 | 8 | pre code { 9 | display: block; padding: 0.5em; 10 | background: #3F3F3F; 11 | color: #DCDCDC; 12 | } 13 | 14 | pre .keyword, 15 | pre .tag, 16 | pre .css .class, 17 | pre .css .id, 18 | pre .lisp .title, 19 | pre .nginx .title, 20 | pre .request, 21 | pre .status, 22 | pre .clojure .attribute { 23 | color: #E3CEAB; 24 | } 25 | 26 | pre .django .template_tag, 27 | pre .django .variable, 28 | pre .django .filter .argument { 29 | color: #DCDCDC; 30 | } 31 | 32 | pre .number, 33 | pre .date { 34 | color: #8CD0D3; 35 | } 36 | 37 | pre .dos .envvar, 38 | pre .dos .stream, 39 | pre .variable, 40 | pre .apache .sqbracket { 41 | color: #EFDCBC; 42 | } 43 | 44 | pre .dos .flow, 45 | pre .diff .change, 46 | pre .python .exception, 47 | pre .python .built_in, 48 | pre .literal, 49 | pre .tex .special { 50 | color: #EFEFAF; 51 | } 52 | 53 | pre .diff .chunk, 54 | pre .subst { 55 | color: #8F8F8F; 56 | } 57 | 58 | pre .dos .keyword, 59 | pre .python .decorator, 60 | pre .title, 61 | pre .haskell .type, 62 | pre .diff .header, 63 | pre .ruby .class .parent, 64 | pre .apache .tag, 65 | pre .nginx .built_in, 66 | pre .tex .command, 67 | pre .prompt { 68 | color: #efef8f; 69 | } 70 | 71 | pre .dos .winutils, 72 | pre .ruby .symbol, 73 | pre .ruby .symbol .string, 74 | pre .ruby .string { 75 | color: #DCA3A3; 76 | } 77 | 78 | pre .diff .deletion, 79 | pre .string, 80 | pre .tag .value, 81 | pre .preprocessor, 82 | pre .built_in, 83 | pre .sql .aggregate, 84 | pre .javadoc, 85 | pre .smalltalk .class, 86 | pre .smalltalk .localvars, 87 | pre .smalltalk .array, 88 | pre .css .rules .value, 89 | pre .attr_selector, 90 | pre .pseudo, 91 | pre .apache .cbracket, 92 | pre .tex .formula { 93 | color: #CC9393; 94 | } 95 | 96 | pre .shebang, 97 | pre .diff .addition, 98 | pre .comment, 99 | pre .java .annotation, 100 | pre .template_comment, 101 | pre .pi, 102 | pre .doctype { 103 | color: #7F9F7F; 104 | } 105 | 106 | pre .coffeescript .javascript, 107 | pre .javascript .xml, 108 | pre .tex .formula, 109 | pre .xml .javascript, 110 | pre .xml .vbscript, 111 | pre .xml .css, 112 | pre .xml .cdata { 113 | opacity: 0.5; 114 | } 115 | 116 | -------------------------------------------------------------------------------- /theme/dark_crystal/asfalt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_crystal/asfalt.png -------------------------------------------------------------------------------- /theme/dark_crystal/blackorchid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_crystal/blackorchid.png -------------------------------------------------------------------------------- /theme/dark_crystal/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_crystal/favicon.png -------------------------------------------------------------------------------- /theme/dark_crystal/favicon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_crystal/favicon2.png -------------------------------------------------------------------------------- /theme/dark_crystal/index.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /theme/dark_crystal/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_crystal/sprite.png -------------------------------------------------------------------------------- /theme/dark_flat/asfalt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_flat/asfalt.png -------------------------------------------------------------------------------- /theme/dark_flat/blackorchid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_flat/blackorchid.png -------------------------------------------------------------------------------- /theme/dark_flat/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_flat/favicon.png -------------------------------------------------------------------------------- /theme/dark_flat/favicon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_flat/favicon2.png -------------------------------------------------------------------------------- /theme/dark_flat/index.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /theme/dark_flat/snippetvamp.css: -------------------------------------------------------------------------------- 1 | /* 2 | ######################## tailles / effets 3 | hauteur="48px" 4 | delai="300ms" 5 | image_fond="url(asfalt.png)" 6 | largeur="100%" 7 | arrondi="2" 8 | effet_bouton="background-color:transparent_15pc;border:1px solid transparent;curhand" 9 | effet_txt="" 10 | effet_box="border:1px solid transparent;" 11 | 12 | ######################## couleurs 13 | couleur_dominante_sombre="#888" 14 | couleur_dominante_moyenne="#aaa" 15 | couleur_texte="#999" 16 | couleur_lien="#666" 17 | couleur_hover=lighten(couleur_lien,20) 18 | couleur_focus="#FF0" 19 | couleur_active="#ddd" 20 | couleur_alert="#F00" 21 | couleur_text_alert=lighten(couleur_alert,50) 22 | couleur_info="#F90" 23 | couleur_text_info=lighten(couleur_info,50) 24 | couleur_success="#0F0" 25 | couleur_text_success=lighten(couleur_info,50) 26 | couleur_warning="#00F" 27 | couleur_text_warning=lighten(couleur_warning,50) 28 | couleur_selection="#90F" 29 | couleur_text_selection=lighten(couleur_selection,50) 30 | couleur_bouton="#888" 31 | couleur_foncee_bouton=darken(couleur_bouton,50) 32 | transparent_15pc="rgba(255,255,255,0.15)" 33 | transparent_25pc="rgba(255,255,255,0.25)" 34 | */ 35 | 36 | 37 | /* MISC ELEMENTS */ 38 | * {borbox} 39 | *::selection { background:image_fond couleur_selection;color:couleur_text_selection!important;} 40 | html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;overflow-y:scroll;height: 100%;} 41 | hr{effet_box marl 5 mar 0} 42 | pre{lh 15 color:#EDD; marl 25 marr 10 pad 5 mart 10 marb 10 antioverflow } 43 | 44 | /* ICON ELEMENTS */ 45 | /* set background */ 46 | h1.add, 47 | a.adr, 48 | p.embed, 49 | 50 | nav form.login input[type=text], 51 | nav form.login input[type=password], 52 | nav .logo[type="text"], 53 | button.suppr, 54 | button.txt, 55 | button.edit, 56 | button.public, 57 | button.prive, 58 | nav .logo, 59 | input[type=file] + label, 60 | input[type=button].backup, 61 | p.rss 62 | {background-image:url(sprite.png) ; background-repeat:no-repeat!important;} 63 | 64 | 65 | /* LAYOUT */ 66 | body{min-height:100%;height: 100%; position:relative;background-image:image_fond;background-color:couleur_dominante_moyenne; borbox min-width:320px;fs 16 marauto ff_georgia lh 1.5em color: couleur_texte;} 67 | header,nav{noselect z-index:1;position:fixed;fs 18 } 68 | header{} 69 | 70 | nav{overflow-y:auto;width:25%;max-width:350px;min-width:200px; height:100%;top:1px ;left:0;background:transparent_15pc;height:100%;background-image:image_fond;} 71 | nav hr{mart 10} 72 | nav .logo{disbl marauto background-position: 0 -1111px!important;width:149px;height:128px;marb 20} 73 | nav .description{lh 12 fs 12 txtc txti effet_txt curarro noselect} 74 | nav form.login input{height: 25px;color:couleur_texte;} 75 | nav form.login input[type="text"]{marr 1 padl 20 background-position: 2px -1826px!important; width:45%;} 76 | nav form.login input[type="password"]{marr 1 padl 20 background-position: 2px -1422px!important;width:45%;} 77 | nav form.login input[type="submit"]{mar 0 width:9%;pad 0;fs 14 } 78 | nav form.login{mar 5} 79 | nav form.deconnect {width:100%;disib padl 5 padr 5} 80 | nav form.deconnect input[type="submit"].exit{fs 12 pad 3 lh 12 width:100%; mart 7 } 81 | nav form.deconnect input[type="submit"].exit:hover{color:black ;} 82 | nav form.hidden { pad 10 } 83 | input[type="submit"].exit {txtb fs 12 pad 3 lh 12 width:100%; height: 25px;} 84 | nav form label{ disib mart 15 width:100%; fs 14 txti effet_txt} 85 | nav h1{txtc marb 0 padb 5} 86 | nav div.recherche {pad 5} 87 | nav div.recherche input{width:100%; pad 10 fs 18 ff_georgia } 88 | div.margin{width:25%;max-width:350px;min-width:200px;height:50px; flol mar 0 } 89 | aside{ position : relative; mart 0;width:100%;background-image:image_fond couleur_dominante_moyenne; fs 16 min-height: 87%;height:87%; } 90 | p.home_msg{fs 22 effet_txt #BBB pad 25px} 91 | aside .pagination{txtc mart 15} 92 | aside .pagination em{curarro disib pad 3 fs 18 mar 3 height:25px;width:25px; lh 16 roundc arrondi background-color:transparent_15pc;} 93 | aside .pagination a.pagination_link{disib pad 3 fs 18 mar 3 height:25px;width:25px; lh 16 roundc arrondi} 94 | aside .pagination a.pagination_link:hover{background-color:transparent_15pc;} 95 | footer{txtr width:100%; height:50px;padr 10} 96 | footer p.conf{} 97 | 98 | .corps{flol pad 10 width:74%; mar 0 min-width:580px; marb 30 min-height: 100%; } 99 | .snippet_content{padb 10 width:100%;} 100 | .snippet_content .origine,.snippet_content p{marl 25 padl 5 padb 5;} 101 | .tag_cloud {padl 5 padr 5} 102 | .tag_cloud a.checked{border:1px solid red;} 103 | .add_snippet{ pad 10 background:transparent_15pc; roundbottom arrondi} 104 | .corps label{mart 15 disib width:100%;effet_txt #eee } 105 | .corps #config label:before{content:"▸ ";} 106 | .corps #config textarea{height:150px;} 107 | .corps input.pack+label{curhand } 108 | .corps input.pack+label:hover{color:couleur_foncee_bouton; } 109 | .buttons input.pack {flor mart 10} 110 | button.pack{ width:100%;} 111 | pre.logfile{effet_txt color:white;background-color: #888;roundc 5 } 112 | pre.logfile em.warning{color:#f00;} 113 | pre.logfile em.ok{color:#0f0;} 114 | /* FORMS & BUTTONS (INCLUDING ALL ELEMENTS WITH BUTTON ASPECT: A H1 etc) */ 115 | #import,#replace{disib } 116 | 117 | /* Normal */ 118 | input[type=checkbox]+label,input[type=radio]+label{disib width:auto;} 119 | #multiselect{hideme} 120 | #multiselect+label{ width:100%;} 121 | .multiselect{background-color:rgba(100,100,100,0.5)!important;} 122 | .multiselect:hover{background-color:rgba(100,100,100,0.9)!important;} 123 | 124 | .filter{disbl width:100%;} 125 | select{curhand} 126 | textarea{disib height: 500px; noresiz} 127 | .bookmarklet textarea{height:200px;} 128 | select, 129 | textarea, 130 | input[type=text], 131 | input[type=password] 132 | {width:100%;effet_box pad 3 outline:none;background-color:transparent_15pc!important;color:couleur_texte;roundc arrondi } 133 | 134 | .tags a, button, 135 | .add_snippet .tags label, 136 | nav .tag_cloud a, 137 | input[type="button"], 138 | input[type="reset"], 139 | input[type="submit"], 140 | .multiselect, 141 | input[type=file] + label, 142 | .bookmarklet_link a, 143 | a.button 144 | { 145 | *overflow: visible; line-height: normal; vertical-align: middle; 146 | noselect mar 0 mart 1 fs 16 disib roundc arrondi effet_bouton effet_txt underoff 147 | color:inherit; font:inherit; padding:0.45em 0.6em; 148 | white-space:nowrap; 149 | } 150 | 151 | h1.toggle_next{ 152 | mar 0 fs 18 disbl pad 5 underoff roundc 2 effet_txt; effet_bouton 153 | vertical-align: middle; 154 | color:inherit; font:inherit; 155 | white-space:normal; 156 | } 157 | h1.add{effet_bouton background-position: 4px 9px!important; padl 25} 158 | 159 | button.suppr, 160 | button.txt, 161 | button.edit, 162 | button.public, 163 | button.prive 164 | {flor mart 6 height:22px;width:22px;pad 2 border:none; box-shadow: none;} 165 | button.suppr{background-position: 3px -502px!important;marr 5} 166 | button.edit{background-position: 2px -704px!important;} 167 | button.txt{background-position: 2px -1321px!important;} 168 | button.public{background-position: 2px -1523px!important;} 169 | button.prive{background-position: 2px -1422px!important;} 170 | .tag_cloud a.filter{width:100%;} 171 | 172 | input[type=file] + label{width:auto;} 173 | #import_file + label{background-position: 5px 12px!important;background-color:rgba(50,250,50,0.5)!important;padl 25 } 174 | #import_file + label:hover{background-color:rgba(50,200,100,0.9)!important;} 175 | #replace_file + label{background-position: 5px -392px!important;background-color:rgba(250,30,30,0.5)!important;padl 25 } 176 | #replace_file + label:hover{background-color:rgba(250,30,30,0.9)!important;} 177 | input[type=button].backup{background-position: 5px -89px!important;background-color:rgba(50,250,50,0.5)!important; padl 25px!important } 178 | input[type=button].backup:hover{background-color:rgba(50,200,100,0.9)!important;} 179 | .restore{background:url(favicon.png) right center no-repeat rgba(250,30,30,0.5)!important;padr 30px!important } 180 | .restore:hover{background-color:rgba(250,30,30,0.9)!important;} 181 | .log{background-color:rgba(50,80,250,0.5)!important;} 182 | .log:hover{background-color:rgba(50,80,250,0.9)!important;} 183 | } 184 | 185 | /* Hover */ 186 | select:hover, 187 | input[type=text]:hover, 188 | input[type=password]:hover, 189 | textarea:hover 190 | {border:1px solid white!important;color:white;} 191 | 192 | .tags a:hover, 193 | .add_snippet .tags label:hover, 194 | nav .tag_cloud a:hover, 195 | input[type="button"]:hover, 196 | input[type="reset"]:hover, 197 | input[type="submit"]:hover, 198 | .button:hover, 199 | .multiselect:hover{ background-color:couleur_hover;color:black;} 200 | 201 | button.edit:hover, 202 | footer a:hover, 203 | button.prive:hover, 204 | button.public:hover 205 | {background-color:couleur_hover;color:black;boxhalo couleur_hover} 206 | .suppr:hover{background-color:couleur_alert!important;boxhalo couleur_alert} 207 | .txt:hover{background-color:couleur_success!important;boxhalo couleur_success} 208 | 209 | button:hover, 210 | h1.toggle_next:hover 211 | {background-color: couleur_hover!important;} 212 | h1.toggle_next:hover{color: white!important;} 213 | 214 | /* Focus */ 215 | select:focus, 216 | input[type=text]:focus, 217 | input[type=password]:focus, 218 | textarea:focus 219 | {background-color:couleur_focus!important; color:black;outline:none;} 220 | 221 | /* Clicked */ 222 | .tags a:active, 223 | button:active , 224 | .add_snippet .tags label:active, 225 | nav .tag_cloud a:active, 226 | input[type="button"]:active, 227 | input[type="reset"]:active, 228 | input[type="submit"]:active, 229 | .button:active, 230 | .multiselect:active, 231 | input[type=file] + label:active{ 232 | effet_box box-shadow:none;border:1px solid white!important; 233 | background-color: couleur_foncee_bouton!important; 234 | noselect 235 | 236 | } 237 | input:checked + label{ 238 | color:white!important; fs 22px!important;border:1px solid white!important;insethalo #FFF 239 | } 240 | 241 | 242 | 243 | .snippet_content p a{ pad 3 fs 16!important smallcaps} 244 | .snippet_content p.infos{txti txtl fs 12 effet_txt pad 0 mar 0 padr 10} 245 | 246 | 247 | h1.titre{fs 28 roundc arrondi marb 20 pad 5 txtc smallcaps} 248 | 249 | 250 | 251 | .snippet_content{roundbottom arrondi effet_box background:image_fond couleur_dominante_sombre;marr 10} 252 | .add_snippet li{list-style: none;} 253 | .add_snippet .tags{pad 10 marb 10 } 254 | .add_snippet .tags label{ pad 5 curhand fs 16!important } 255 | .add_snippet .tags input[type=checkbox],.add_snippet .tags input[type=radio]{hideme} 256 | .add_snippet .tags input[type=checkbox]:hover, .add_snippet .tags input[type=radio]:hover{border-color:couleur_hover; } 257 | .add_snippet .tags input:checked + label{} 258 | 259 | 260 | 261 | 262 | 263 | 264 | /* LINKS */ 265 | a{color:couleur_lien; underoff effet_txt } 266 | a:focus { outline: thin dotted #333; outline: 5px auto; -webkit-focus-ring-color; outline-offset: -2px;} 267 | a:hover { outline: 0; color:couleur_hover;} 268 | a:active { outline: 0;color:white;} 269 | a.warning {disib roundc arrondi padl 3 padr 3 color: couleur_text_warning;} 270 | a.error {disib roundc arrondi padl 3 padr 3 color: couleur_text_alert;} 271 | a.info {disib roundc arrondi padl 3 padr 3 color: couleur_text_info;} 272 | a.success {disib roundc arrondi padl 3 padr 3 color: couleur_text_success;} 273 | a.adr{background-position: 10px -1007px!important; padl 30px!important marl 15} 274 | p.embed{background-position: 9px -600px!important;color:couleur_texte; effet_txt; padl 30px!important mart 5 marr 20 marl 20px!important roundc arrondi effet_box fs 12} 275 | 276 | /* MISC CLASSES */ 277 | .hidden,.tag_cloud a.hidden,.tag_cloud label.hidden {hideme} 278 | .ghost{hideme!important width:0;height:0;} 279 | p.alert,p.error{background-color:couleur_alert;color:couleur_text_alert;mart 10 pad 10 boxhalo couleur_alert roundc arrondi txtshadow} 280 | p.success{background-color:couleur_success;color:couleur_text_success;mart 10 pad 10 boxhalo couleur_success roundc arrondi txtshadow} 281 | p.info{background-color:couleur_info;color:couleur_text_info;mart 10 pad 10 boxhalo couleur_info roundc arrondi txtshadow} 282 | p.warning{background-color:couleur_warning;color:couleur_text_warning;mart 10 pad 10 boxhalo couleur_warning roundc arrondi txtshadow} 283 | .toggle_next{effet_txt txtb curhand noselect} 284 | .toggle_next:before{content:" ▾";lh 20} 285 | .right{txtr!important} 286 | p.rss{disib background-position: 4px -1624px!important; padl 22 roundc arrondi} 287 | 288 | .button_prive{background-color:rgba(250,50,0,0.5)!important;} 289 | .button_prive:hover{background-color:rgba(250,50,0,0.9)!important;} 290 | .button_public{background-color:rgba(0,250,0,0.5)!important;} 291 | .button_public:hover{background-color:rgba(0,250,0,0.9)!important;} 292 | 293 | .bookmarklet_link{txtc fs 12 txti} 294 | .bookmarklet_link a {padding:0 2px 0 2px;} 295 | 296 | 297 | 298 | 299 | 300 | 301 | 302 | 303 | /* tags styles here */ 304 | /* H1.tag / .button_tag{style};*/ 305 | h1.php,.button_php{background-color:rgba(150,0,200,0.5)!important;} 306 | h1.php:hover,.button_php:hover{background-color:rgba(150,0,200,0.9)!important;} 307 | h1.cpp,.button_cpp{background-color:rgba(30,30,90,0.5)!important;} 308 | h1.cpp:hover,.button_cpp:hover{background-color:rgba(30,30,90,0.8)!important;} 309 | h1.csharp,.button_csharp{background-color:rgba(30,90,30,0.5)!important;} 310 | h1.csharp:hover,.button_csharp:hover{background-color:rgba(30,90,30,0.9)!important;} 311 | h1.python,.button_python{background-color:rgba(200,100,0,0.5)!important;} 312 | h1.python:hover,.button_python:hover{background-color:rgba(200,100,0,1)!important;} 313 | h1.jquery, .button_jquery{background-color:rgba(0,130,200,0.5)!important;} 314 | h1.jquery:hover, .button_jquery:hover{background-color:rgba(0,130,200,0.9)!important;} 315 | h1.css,h1.css3, h1.html, h1.html5,.button_css,.button_css3,.button_html,.button_html5{background-color:rgba(0,150,0,0.5)!important;} 316 | h1.css:hover,h1.css3:hover, h1.html:hover,h1.html5:hover, .button_css:hover,.button_css3:hover,.button_html:hover,.button_html5:hover{background-color:rgba(0,120,0,0.9)!important;} 317 | h1.js, h1.javascript,.button_js,.button_javascript{background-color:rgba(0,50,250,0.5)!important;} 318 | h1.js:hover, h1.javascript:hover,.button_js:hover,.button_javascript:hover{background-color:rgba(0,50,250,0.9)!important;} 319 | h1.shell,.button_shell{background-color:rgba(0,193,145,0.5)!important;} 320 | h1.shell:hover,.button_shell:hover{background-color:rgba(0,193,145,1)!important;} 321 | h1.batch,.button_batch{background-color:rgba(102,150,173,0.5)!important;} 322 | h1.batch:hover,.button_batch:hover{background-color:rgba(102,150,173,1)!important;} 323 | 324 | /* TRANSITIONS */ 325 | /* fixed in one shot */ 326 | button,label, input, textarea, a,h1{transitall delai} 327 | button:hover,label:hover, input:hover, textarea:hover,a:hover, h1:hover{transitall delai} 328 | label:focus, input:focus, textarea:focus,a:focus{transitall delai} 329 | button:active,label:active, input:active, textarea:active,a:active, h1:active{transitall delai} 330 | 331 | 332 | 333 | /* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 334 | RESPONSIVE MEDIAQUERIES 335 | changer les tailles de polices et virer les floats sur les col 336 | changer les formats des first et last of type pour supprimer les coins spéciaux toolbar 337 | small tablet landscape */ 338 | @all max 800 { 339 | html{fs 50%} 340 | .nomobile, .margin{hideme} 341 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 342 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 343 | .corps{width:100%;min-width:320px;} 344 | } 345 | @all max 320 { 346 | html{fs 50%} 347 | .nomobile, .margin{hideme} 348 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 349 | nav a{fs 20px} 350 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 351 | .corps{width:100%;min-width:320px;} 352 | } 353 | @all dmax 800 { 354 | html{fs 50%} 355 | .nomobile, .margin{hideme} 356 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 357 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 358 | .corps{width:100%;min-width:320px;} 359 | } 360 | @all dmax 320 { 361 | html{fs 50%} 362 | .nomobile, .margin{hideme} 363 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 364 | nav a{fs 20px} 365 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 366 | .corps{width:100%;min-width:320px;} 367 | } 368 | /* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 369 | */ -------------------------------------------------------------------------------- /theme/dark_flat/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_flat/sprite.png -------------------------------------------------------------------------------- /theme/dark_halo/asfalt.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_halo/asfalt.png -------------------------------------------------------------------------------- /theme/dark_halo/blackorchid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_halo/blackorchid.png -------------------------------------------------------------------------------- /theme/dark_halo/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_halo/favicon.png -------------------------------------------------------------------------------- /theme/dark_halo/favicon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_halo/favicon2.png -------------------------------------------------------------------------------- /theme/dark_halo/index.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /theme/dark_halo/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/dark_halo/sprite.png -------------------------------------------------------------------------------- /theme/default/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/default/favicon.png -------------------------------------------------------------------------------- /theme/default/favicon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/default/favicon2.png -------------------------------------------------------------------------------- /theme/default/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/default/index.html -------------------------------------------------------------------------------- /theme/default/noise.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/default/noise.png -------------------------------------------------------------------------------- /theme/default/snippetvamp.css: -------------------------------------------------------------------------------- 1 | /* 2 | ######################## tailles / effets 3 | hauteur="48px" 4 | delai="100ms" 5 | image_fond="url(noise.png)" 6 | largeur="100%" 7 | arrondi="5" 8 | effet_bouton="background-image:image_fond; border:1px solid rgba(0, 0, 0, 0.4);background-color:couleur_bouton;box-shadow:rgba(255, 255, 255, 0.4) 0 1px 0 inset, rgba(255, 255, 255, 0.3) 0 25px 30px -12px inset, rgba(0, 0, 0, 0.6) 0 1px 2px;curhand " 9 | effet_txt="txtemboss" 10 | effet_box="boxemboss 1" 11 | 12 | ######################## couleurs 13 | couleur_dominante_sombre="#888" 14 | couleur_dominante_moyenne="#aaa" 15 | couleur_texte="#222" 16 | couleur_lien="#444" 17 | couleur_hover=lighten(couleur_lien,20) 18 | couleur_focus="#FF0" 19 | couleur_active="#ddd" 20 | couleur_alert="#F00" 21 | couleur_text_alert=lighten(couleur_alert,50) 22 | couleur_info="#F90" 23 | couleur_text_info=lighten(couleur_info,50) 24 | couleur_success="#0F0" 25 | couleur_text_success=lighten(couleur_info,50) 26 | couleur_warning="#00F" 27 | couleur_text_warning=lighten(couleur_warning,50) 28 | couleur_selection="#90F" 29 | couleur_text_selection=lighten(couleur_selection,50) 30 | couleur_bouton="#888" 31 | couleur_foncee_bouton=darken(couleur_bouton,50) 32 | black_25pc="rgba(0,0,0,0.25)" 33 | */ 34 | 35 | 36 | 37 | 38 | /* MISC ELEMENTS */ 39 | * {borbox} 40 | *::selection { background:image_fond couleur_selection;color:couleur_text_selection!important;} 41 | html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;overflow-y:scroll;height: 100%;} 42 | hr{effet_box marl 5 mar 0} 43 | pre{lh 15 color:#EDD; marl 25 marr 10 pad 5 mart 10 marb 10 antioverflow } 44 | 45 | /* ICON ELEMENTS */ 46 | /* set background */ 47 | h1.add, 48 | a.adr, 49 | p.embed, 50 | nav form.login input, 51 | nav .logo[type="text"], 52 | nav form.login input[type="password"], 53 | button.suppr, 54 | button.txt, 55 | button.edit, 56 | button.public, 57 | button.prive, 58 | nav .logo, 59 | input[type=file] + label, 60 | input[type=button].backup, 61 | p.rss 62 | {background:url(sprite.png) no-repeat!important;} 63 | 64 | 65 | /* LAYOUT */ 66 | body{min-height:100%;height: 100%; position:relative;background-image:image_fond;background-color:couleur_dominante_moyenne; borbox min-width:320px;fs 16 marauto ff_georgia lh 1.5em color: couleur_texte;} 67 | header,nav{noselect z-index:1;position:fixed;fs 18 } 68 | header{} 69 | 70 | nav{overflow-y:auto;width:25%;max-width:350px;min-width:200px; height:100%;top:1px ;left:0;background:#888;height:100%;background-image:image_fond;boxshadow 1 5} 71 | nav hr{mart 10} 72 | nav .logo{disbl marauto background-position: 0 -1111px!important;width:149px;height:128px;marb 20} 73 | nav .description{lh 12 fs 12 txtc txti effet_txt curarro noselect} 74 | nav form.login input[type="text"]{padl 20 background-color: couleur_bouton; background-position: 2px -1826px!important; width:45%;} 75 | nav form.login input[type="password"]{padl 20 background-color: couleur_bouton;background-position: 2px -1422px!important;width:45%;} 76 | nav form.login input[type="password"]:focus,nav form.login input[type="text"]:focus{background-color:couleur_active!important;} 77 | nav form.login input[type="submit"]{width:9%;pad 0;background:image_fond!important;fs 14} 78 | nav form.login{mar 5} 79 | nav form.deconnect {width:100%;disib padl 5 padr 5} 80 | nav form.deconnect input[type="submit"].exit{fs 12 pad 3 lh 12 width:100%; mart 7 } 81 | nav form.hidden { pad 10 } 82 | input[type="submit"].exit {txtb fs 12 pad 3 lh 12 width:100%; height: 25px;} 83 | nav form label{ disib mart 15 width:100%; fs 14 txti effet_txt} 84 | nav h1{txtc marb 0 padb 5} 85 | nav div.recherche {pad 5} 86 | nav div.recherche input{width:100%; pad 10 fs 18 ff_georgia } 87 | div.margin{width:25%;max-width:350px;min-width:200px;height:50px; flol mar 0 } 88 | aside{ position : relative; mart 0;width:100%;background-image:image_fond couleur_dominante_moyenne; fs 16 min-height: 87%;height:87%; } 89 | p.home_msg{fs 22 effet_txt #BBB pad 25px} 90 | aside .pagination{txtc mart 15} 91 | aside .pagination em{curarro disib pad 3 fs 18 mar 3 height:25px;width:25px; lh 16 roundc arrondi background-color:black_25pc;} 92 | aside .pagination a.pagination_link{disib pad 3 fs 18 mar 3 height:25px;width:25px; lh 16 roundc arrondi} 93 | aside .pagination a.pagination_link:hover{background-color:black_25pc;} 94 | footer{txtr width:100%; height:50px;padr 10} 95 | footer p.conf{} 96 | 97 | .corps{flol pad 10 width:74%; mar 0 min-width:580px; marb 30 min-height: 100%; } 98 | .snippet_content{padb 10 width:100%;} 99 | .snippet_content .origine,.snippet_content p{marl 25 padl 5 padb 5;} 100 | .tag_cloud {padl 5 padr 5} 101 | .tag_cloud a.checked{border:1px solid red;} 102 | .add_snippet{ pad 10 background:image_fond couleur_bouton; insetshadow 1 4 roundbottom arrondi} 103 | .corps label{mart 15 disib width:100%;effet_txt #eee } 104 | .corps #config label:before{content:"▸ ";} 105 | .corps #config textarea{height:150px;} 106 | .corps input.pack+label{curhand } 107 | .corps input.pack+label:hover{color:couleur_foncee_bouton; } 108 | .buttons input.pack {flor mart 10} 109 | button.pack{ width:100%;} 110 | pre.logfile{txtshadow color:white;background-color: #888;roundc 5 insetshadow 1 1 } 111 | pre.logfile em.warning{color:#f00;} 112 | pre.logfile em.ok{color:#0f0;} 113 | /* FORMS & BUTTONS (INCLUDING ALL ELEMENTS WITH BUTTON ASPECT: A H1 etc) */ 114 | #import,#replace{disib } 115 | 116 | /* Normal */ 117 | input[type=checkbox]+label,input[type=radio]+label{disib width:auto;} 118 | #multiselect{hideme} 119 | #multiselect+label{ width:100%;} 120 | .multiselect{background-color:rgba(100,100,100,0.5)!important;} 121 | .multiselect:hover{background-color:rgba(100,100,100,0.9)!important;} 122 | 123 | .filter{disbl width:100%;} 124 | select{curhand} 125 | textarea{disib height: 500px; noresiz} 126 | .bookmarklet textarea{height:200px;} 127 | select, 128 | textarea, 129 | input[type=text], 130 | input[type=password] 131 | {width:100%;roundc arrondi effet_box pad 3 outline:none;} 132 | 133 | .tags a, button, 134 | .add_snippet .tags label, 135 | nav .tag_cloud a, 136 | input[type="button"], 137 | input[type="reset"], 138 | input[type="submit"], 139 | .multiselect, 140 | input[type=file] + label, 141 | .bookmarklet_link a, 142 | a.button 143 | { 144 | *overflow: visible; line-height: normal; vertical-align: middle; 145 | noselect mar 0 mart 1 fs 16 disib roundc arrondi effet_bouton effet_txt underoff 146 | color:inherit; font:inherit; padding:0.45em 0.6em; 147 | white-space:nowrap; 148 | } 149 | 150 | h1.toggle_next{ 151 | mar 0 fs 18 disbl pad 5 underoff roundc 2 effet_txt effet_bouton 152 | vertical-align: middle; 153 | color:inherit; font:inherit; 154 | white-space:normal; 155 | } 156 | h1.add{background-position: 4px 9px!important; padl 25} 157 | 158 | button.suppr, 159 | button.txt, 160 | button.edit, 161 | button.public, 162 | button.prive 163 | {flor mart 6 height:22px;width:22px;pad 2 border:none; box-shadow: none;} 164 | button.suppr{background-position: 3px -502px!important;marr 5} 165 | button.edit{background-position: 2px -704px!important;} 166 | button.txt{background-position: 2px -1321px!important;} 167 | button.public{background-position: 2px -1523px!important;} 168 | button.prive{background-position: 2px -1422px!important;} 169 | .tag_cloud a.filter{width:100%;} 170 | 171 | input[type=file] + label{width:auto;} 172 | #import_file + label{height:40px;background-position: 5px 12px!important;background-color:rgba(50,250,50,0.5)!important;padl 25 } 173 | #import_file + label:hover{background-color:rgba(50,200,100,0.9)!important;} 174 | #replace_file + label{height:40px;background-position: 5px -392px!important;background-color:rgba(250,30,30,0.5)!important;padl 25 } 175 | #replace_file + label:hover{background-color:rgba(250,30,30,0.9)!important;} 176 | input[type=button].backup{height:40px;background-position: 5px -89px!important;background-color:rgba(50,250,50,0.5)!important; padl 25px!important } 177 | input[type=button].backup:hover{background-color:rgba(50,200,100,0.9)!important;} 178 | .restore{height:40px;background:url(favicon.png) right center no-repeat rgba(250,30,30,0.5)!important;padr 30px!important } 179 | .restore:hover{background-color:rgba(250,30,30,0.9)!important;} 180 | .log{height:40px;background-color:rgba(50,80,250,0.5)!important;} 181 | .log:hover{background-color:rgba(50,80,250,0.9)!important;} 182 | } 183 | 184 | /* Hover */ 185 | select:hover, 186 | input[type=text]:hover, 187 | input[type=password]:hover, 188 | textarea:hover 189 | {insethalo couleur_hover; outline:none;} 190 | .tags a:hover, 191 | .add_snippet .tags label:hover, 192 | nav .tag_cloud a:hover, 193 | input[type="button"]:hover, 194 | input[type="reset"]:hover, 195 | input[type="submit"]:hover, 196 | .button:hover, 197 | .multiselect:hover{ background-color:couleur_hover;} 198 | 199 | button.edit:hover, 200 | footer a:hover, 201 | button.prive:hover, 202 | button.public:hover 203 | {background-color:couleur_info!important;boxhalo couleur_info} 204 | .suppr:hover{background-color:couleur_alert!important;boxhalo couleur_alert} 205 | .txt:hover{background-color:couleur_success!important;boxhalo couleur_success} 206 | 207 | button:hover, 208 | h1.toggle_next:hover 209 | {background-color: couleur_hover!important;} 210 | h1.toggle_next:hover{color: white!important;} 211 | 212 | /* Focus */ 213 | select:focus, 214 | input[type=text]:focus, 215 | input[type=password]:focus, 216 | textarea:focus 217 | {background:image_fond couleur_focus;insetshadow 1 3 outline:none;} 218 | 219 | /* Clicked */ 220 | .tags a:active, 221 | button:active , 222 | .add_snippet .tags label:active, 223 | nav .tag_cloud a:active, 224 | input[type="button"]:active, 225 | input[type="reset"]:active, 226 | input[type="submit"]:active, 227 | .button:active, 228 | .multiselect:active, 229 | input[type=file] + label:active{ 230 | effet_box box-shadow:none;box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px; 231 | background-color: couleur_foncee_bouton!important; 232 | noselect 233 | } 234 | 235 | 236 | 237 | 238 | .snippet_content p a{ pad 3 fs 16!important smallcaps} 239 | .snippet_content p.infos{txti txtl fs 12 effet_txt pad 0 mar 0 padr 10} 240 | 241 | 242 | h1.titre{fs 28 roundc arrondi marb 20 pad 5 insetshadow 1 4 txtc smallcaps} 243 | 244 | 245 | 246 | .snippet_content{roundbottom arrondi insetshadow 1 3 effet_box background:image_fond #999;marr 10} 247 | .add_snippet li{list-style: none;} 248 | .add_snippet .tags{pad 10 marb 10 } 249 | .add_snippet .tags label{ pad 5 curhand fs 16!important } 250 | .add_snippet .tags input[type=checkbox],.add_snippet .tags input[type=radio]{hideme} 251 | .add_snippet .tags input[type=checkbox]:hover, .add_snippet .tags input[type=radio]:hover{border-color:couleur_hover; } 252 | .add_snippet .tags input:checked + label{effet_box insetshadow 1 3 background:image_fond couleur_bord_fonce; color:white; fs 22!important} 253 | 254 | 255 | 256 | 257 | 258 | 259 | /* LINKS */ 260 | a{color:couleur_lien; underoff effet_txt } 261 | a:focus { outline: thin dotted #333; outline: 5px auto; -webkit-focus-ring-color; outline-offset: -2px;} 262 | a:hover { outline: 0; color:black!important;} 263 | a:active { outline: 0;color:white;} 264 | a.warning {disib roundc arrondi padl 3 padr 3 color: couleur_text_warning;} 265 | a.error {disib roundc arrondi padl 3 padr 3 color: couleur_text_alert;} 266 | a.info {disib roundc arrondi padl 3 padr 3 color: couleur_text_info;} 267 | a.success {disib roundc arrondi padl 3 padr 3 color: couleur_text_success;} 268 | a.adr{background-position: 10px -1007px!important; padl 30px!important marl 20} 269 | p.embed{background-position: 9px -600px!important;color:couleur_foncee_bouton; effet_txt padl 30px!important mart 5 marr 20 marl 20px!important roundc arrondi effet_box fs 12} 270 | 271 | /* MISC CLASSES */ 272 | .hidden,.tag_cloud a.hidden,.tag_cloud label.hidden {hideme} 273 | .ghost{hideme!important width:0;height:0;} 274 | p.alert,p.error{background-color:couleur_alert;color:couleur_text_alert;mart 10 pad 10 boxhalo couleur_alert roundc arrondi txtshadow} 275 | p.success{background-color:couleur_success;color:couleur_text_success;mart 10 pad 10 boxhalo couleur_success roundc arrondi txtshadow} 276 | p.info{background-color:couleur_info;color:couleur_text_info;mart 10 pad 10 boxhalo couleur_info roundc arrondi txtshadow} 277 | p.warning{background-color:couleur_warning;color:couleur_text_warning;mart 10 pad 10 boxhalo couleur_warning roundc arrondi txtshadow} 278 | .toggle_next{effet_txt txtb curhand noselect} 279 | .toggle_next:before{content:" ▾";lh 20} 280 | .right{txtr!important} 281 | p.rss{disib background-position: 4px -1624px!important; padl 22 roundc arrondi} 282 | 283 | .button_prive{background-color:rgba(250,50,0,0.5)!important;} 284 | .button_prive:hover{background-color:rgba(250,50,0,0.9)!important;} 285 | .button_public{background-color:rgba(0,250,0,0.5)!important;} 286 | .button_public:hover{background-color:rgba(0,250,0,0.9)!important;} 287 | 288 | .bookmarklet_link{txtc fs 12 txti} 289 | .bookmarklet_link a {padding:0 2px 0 2px;} 290 | 291 | 292 | 293 | /* tags styles here */ 294 | /* H1.tag / .button_tag{style};*/ 295 | h1.php,.button_php{background-color:rgba(150,0,200,0.5)!important;} 296 | h1.php:hover,.button_php:hover{background-color:rgba(150,0,200,0.9)!important;} 297 | h1.cpp,.button_cpp{background-color:rgba(30,30,90,0.5)!important;} 298 | h1.cpp:hover,.button_cpp:hover{background-color:rgba(30,30,90,0.8)!important;} 299 | h1.csharp,.button_csharp{background-color:rgba(30,90,30,0.5)!important;} 300 | h1.csharp:hover,.button_csharp:hover{background-color:rgba(30,90,30,0.9)!important;} 301 | h1.python,.button_python{background-color:rgba(200,100,0,0.5)!important;} 302 | h1.python:hover,.button_python:hover{background-color:rgba(200,100,0,1)!important;} 303 | h1.jquery, .button_jquery{background-color:rgba(0,130,200,0.5)!important;} 304 | h1.jquery:hover, .button_jquery:hover{background-color:rgba(0,130,200,0.9)!important;} 305 | h1.css,h1.css3, h1.html, h1.html5,.button_css,.button_css3,.button_html,.button_html5{background-color:rgba(0,150,0,0.5)!important;} 306 | h1.css:hover,h1.css3:hover, h1.html:hover,h1.html5:hover, .button_css:hover,.button_css3:hover,.button_html:hover,.button_html5:hover{background-color:rgba(0,120,0,0.9)!important;} 307 | h1.js, h1.javascript,.button_js,.button_javascript{background-color:rgba(0,50,250,0.5)!important;} 308 | h1.js:hover, h1.javascript:hover,.button_js:hover,.button_javascript:hover{background-color:rgba(0,50,250,0.9)!important;} 309 | h1.shell,.button_shell{background-color:rgba(0,193,145,0.5)!important;} 310 | h1.shell:hover,.button_shell:hover{background-color:rgba(0,193,145,1)!important;} 311 | h1.batch,.button_batch{background-color:rgba(102,150,173,0.5)!important;} 312 | h1.batch:hover,.button_batch:hover{background-color:rgba(102,150,173,1)!important;} 313 | 314 | /* TRANSITIONS */ 315 | /* fixed in one shot */ 316 | button,label, input, textarea, a,h1{transitall delai} 317 | button:hover,label:hover, input:hover, textarea:hover,a:hover, h1:hover{transitall delai} 318 | label:focus, input:focus, textarea:focus,a:focus{transitall delai} 319 | button:active,label:active, input:active, textarea:active,a:active, h1:active{transitall delai} 320 | 321 | 322 | 323 | /* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 324 | RESPONSIVE MEDIAQUERIES 325 | changer les tailles de polices et virer les floats sur les col 326 | changer les formats des first et last of type pour supprimer les coins spéciaux toolbar 327 | small tablet landscape */ 328 | @all max 800 { 329 | html{fs 50%} 330 | .nomobile, .margin{hideme} 331 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 332 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 333 | .corps{width:100%;min-width:320px;} 334 | } 335 | @all max 320 { 336 | html{fs 50%} 337 | .nomobile, .margin{hideme} 338 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 339 | nav a{fs 20px} 340 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 341 | .corps{width:100%;min-width:320px;} 342 | } 343 | @all dmax 800 { 344 | html{fs 50%} 345 | .nomobile, .margin{hideme} 346 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 347 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 348 | .corps{width:100%;min-width:320px;} 349 | } 350 | @all dmax 320 { 351 | html{fs 50%} 352 | .nomobile, .margin{hideme} 353 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 354 | nav a{fs 20px} 355 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 356 | .corps{width:100%;min-width:320px;} 357 | } 358 | /* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 359 | */ -------------------------------------------------------------------------------- /theme/default/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/default/sprite.png -------------------------------------------------------------------------------- /theme/default_flat/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/default_flat/favicon.png -------------------------------------------------------------------------------- /theme/default_flat/favicon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/default_flat/favicon2.png -------------------------------------------------------------------------------- /theme/default_flat/index.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /theme/default_flat/noise.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/default_flat/noise.png -------------------------------------------------------------------------------- /theme/default_flat/snippetvamp.css: -------------------------------------------------------------------------------- 1 | /* 2 | ######################## tailles / effets 3 | hauteur="48px" 4 | delai="100ms" 5 | image_fond="url(noise.png)" 6 | largeur="100%" 7 | arrondi="5" 8 | effet_bouton="mar 1 background-color:transparent_25pc;border:none;curhand" 9 | effet_txt="" 10 | effet_box="border:none;" 11 | 12 | ######################## couleurs 13 | couleur_dominante_sombre="#888" 14 | couleur_dominante_moyenne="#aaa" 15 | couleur_texte="#222" 16 | couleur_lien="#444" 17 | couleur_hover=lighten(couleur_lien,20) 18 | couleur_focus="#FF0" 19 | couleur_active="#ddd" 20 | couleur_alert="#F00" 21 | couleur_text_alert=lighten(couleur_alert,50) 22 | couleur_info="#F90" 23 | couleur_text_info=lighten(couleur_info,50) 24 | couleur_success="#0F0" 25 | couleur_text_success=lighten(couleur_info,50) 26 | couleur_warning="#00F" 27 | couleur_text_warning=lighten(couleur_warning,50) 28 | couleur_selection="#90F" 29 | couleur_text_selection=lighten(couleur_selection,50) 30 | couleur_bouton="#888" 31 | couleur_foncee_bouton=darken(couleur_bouton,50) 32 | transparent_25pc="rgba(0,0,0,0.25)" 33 | */ 34 | 35 | 36 | /* MISC ELEMENTS */ 37 | * {borbox} 38 | *::selection { background:image_fond couleur_selection;color:couleur_text_selection!important;} 39 | html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;overflow-y:scroll;height: 100%;} 40 | hr{effet_box marl 5 mar 0} 41 | pre{lh 15 color:#EDD; marl 25 marr 10 pad 5 mart 10 marb 10 antioverflow } 42 | 43 | /* ICON ELEMENTS */ 44 | /* set background */ 45 | h1.add, 46 | a.adr, 47 | p.embed, 48 | nav form.login input, 49 | nav .logo[type="text"], 50 | nav form.login input[type="password"], 51 | button.suppr, 52 | button.txt, 53 | button.edit, 54 | button.public, 55 | button.prive, 56 | nav .logo, 57 | input[type=file] + label, 58 | input[type=button].backup, 59 | p.rss 60 | {background:url(sprite.png) no-repeat!important;} 61 | 62 | 63 | /* LAYOUT */ 64 | body{min-height:100%;height: 100%; position:relative;background-image:image_fond;background-color:couleur_dominante_moyenne; borbox min-width:320px;fs 16 marauto ff_georgia lh 1.5em color: couleur_texte;} 65 | header,nav{noselect z-index:1;position:fixed;fs 18 } 66 | header{} 67 | 68 | nav{overflow-y:auto;width:25%;max-width:350px;min-width:200px; height:100%;top:1px ;left:0;background:#888;height:100%;background-image:image_fond;} 69 | nav hr{mart 10} 70 | nav .logo{disbl marauto background-position: 0 -1111px!important;width:149px;height:128px;marb 20} 71 | nav .description{lh 12 fs 12 txtc txti effet_txt curarro noselect} 72 | nav form.login input[type="text"]{padl 20 background-color: couleur_bouton; background-position: 2px -1826px!important; width:45%;} 73 | nav form.login input[type="password"]{padl 20 background-color: couleur_bouton;background-position: 2px -1422px!important;width:45%;} 74 | nav form.login input[type="password"]:focus,nav form.login input[type="text"]:focus{background-color:couleur_active!important;} 75 | nav form.login input[type="submit"]{width:9%;pad 0;background:image_fond!important;fs 14} 76 | nav form.login{mar 5} 77 | nav form.deconnect {width:100%;disib padl 5 padr 5} 78 | nav form.deconnect input[type="submit"].exit{fs 12 pad 3 lh 12 width:100%; mart 7 } 79 | nav form.hidden { pad 10 } 80 | input[type="submit"].exit {txtb fs 12 pad 3 lh 12 width:100%; height: 25px;} 81 | nav form label{ disib mart 15 width:100%; fs 14 txti effet_txt} 82 | nav h1{txtc marb 0 padb 5} 83 | nav div.recherche {pad 5} 84 | nav div.recherche input{width:100%; pad 10 fs 18 ff_georgia } 85 | div.margin{width:25%;max-width:350px;min-width:200px;height:50px; flol mar 0 } 86 | aside{ position : relative; mart 0;width:100%;background-image:image_fond couleur_dominante_moyenne; fs 16 min-height: 87%;height:87%; } 87 | p.home_msg{fs 22 effet_txt #BBB pad 25px} 88 | aside .pagination{txtc mart 15} 89 | aside .pagination em{curarro disib pad 3 fs 18 mar 3 height:25px;width:25px; lh 16 roundc arrondi background-color:transparent_25pc;} 90 | aside .pagination a.pagination_link{disib pad 3 fs 18 mar 3 height:25px;width:25px; lh 16 roundc arrondi} 91 | aside .pagination a.pagination_link:hover{background-color:transparent_25pc;} 92 | footer{txtr width:100%; height:50px;padr 10} 93 | footer p.conf{} 94 | 95 | .corps{flol pad 10 width:74%; mar 0 min-width:580px; marb 30 min-height: 100%; } 96 | .snippet_content{padb 10 width:100%;} 97 | .snippet_content .origine,.snippet_content p{marl 25 padl 5 padb 5;} 98 | .tag_cloud {padl 5 padr 5} 99 | .tag_cloud a.checked{border:1px solid red;} 100 | .add_snippet{ pad 10 background:image_fond couleur_dominante_sombre; roundbottom arrondi} 101 | .corps label{mart 15 disib width:100%;effet_txt #eee } 102 | .corps #config label:before{content:"▸ ";} 103 | .corps #config textarea{height:150px;} 104 | .corps input.pack+label{curhand } 105 | .corps input.pack+label:hover{color:couleur_foncee_bouton; } 106 | .buttons input.pack {flor mart 10} 107 | button.pack{ width:100%;} 108 | pre.logfile{effet_txt color:white;background-color: #888;roundc 5 } 109 | pre.logfile em.warning{color:#f00;} 110 | pre.logfile em.ok{color:#0f0;} 111 | /* FORMS & BUTTONS (INCLUDING ALL ELEMENTS WITH BUTTON ASPECT: A H1 etc) */ 112 | #import,#replace{disib } 113 | 114 | /* Normal */ 115 | input[type=checkbox]+label,input[type=radio]+label{disib width:auto;} 116 | #multiselect{hideme} 117 | #multiselect+label{ width:100%;} 118 | .multiselect{background-color:rgba(100,100,100,0.5)!important;} 119 | .multiselect:hover{background-color:rgba(100,100,100,0.9)!important;} 120 | 121 | .filter{disbl width:100%;} 122 | select{curhand} 123 | textarea{disib height: 500px; noresiz} 124 | .bookmarklet textarea{height:200px;} 125 | select, 126 | textarea, 127 | input[type=text], 128 | input[type=password] 129 | {width:100%;roundc arrondi effet_box pad 3 outline:none;} 130 | 131 | .tags a, button, 132 | .add_snippet .tags label, 133 | nav .tag_cloud a, 134 | input[type="button"], 135 | input[type="reset"], 136 | input[type="submit"], 137 | .multiselect, 138 | input[type=file] + label, 139 | .bookmarklet_link a, 140 | a.button 141 | { 142 | *overflow: visible; line-height: normal; vertical-align: middle; 143 | noselect mar 0 mart 1 fs 16 disib roundc arrondi effet_bouton effet_txt underoff 144 | color:inherit; font:inherit; padding:0.45em 0.6em; 145 | white-space:nowrap; 146 | } 147 | 148 | h1.toggle_next{ 149 | mar 0 fs 18 disbl pad 5 underoff roundc 2 effet_txt effet_bouton 150 | vertical-align: middle; 151 | color:inherit; font:inherit; 152 | white-space:normal; 153 | } 154 | h1.add{background-position: 4px 9px!important; padl 25} 155 | 156 | button.suppr, 157 | button.txt, 158 | button.edit, 159 | button.public, 160 | button.prive 161 | {flor mart 6 height:22px;width:22px;pad 2 border:none; box-shadow: none;} 162 | button.suppr{background-position: 3px -502px!important;marr 5} 163 | button.edit{background-position: 2px -704px!important;} 164 | button.txt{background-position: 2px -1321px!important;} 165 | button.public{background-position: 2px -1523px!important;} 166 | button.prive{background-position: 2px -1422px!important;} 167 | .tag_cloud a.filter{width:100%;} 168 | 169 | input[type=file] + label{width:auto;} 170 | #import_file + label{height:40px;background-position: 5px 12px!important;background-color:rgba(50,250,50,0.5)!important;padl 25 } 171 | #import_file + label:hover{background-color:rgba(50,200,100,0.9)!important;} 172 | #replace_file + label{height:40px;background-position: 5px -392px!important;background-color:rgba(250,30,30,0.5)!important;padl 25 } 173 | #replace_file + label:hover{background-color:rgba(250,30,30,0.9)!important;} 174 | input[type=button].backup{height:40px;background-position: 5px -89px!important;background-color:rgba(50,250,50,0.5)!important; padl 25px!important } 175 | input[type=button].backup:hover{background-color:rgba(50,200,100,0.9)!important;} 176 | .restore{height:40px;background:url(favicon.png) right center no-repeat rgba(250,30,30,0.5)!important;padr 30px!important } 177 | .restore:hover{background-color:rgba(250,30,30,0.9)!important;} 178 | .log{height:40px;background-color:rgba(50,80,250,0.5)!important;} 179 | .log:hover{background-color:rgba(50,80,250,0.9)!important;} 180 | } 181 | 182 | /* Hover */ 183 | select:hover, 184 | input[type=text]:hover, 185 | input[type=password]:hover, 186 | textarea:hover 187 | {insethalo couleur_hover; outline:none;} 188 | .tags a:hover, 189 | .add_snippet .tags label:hover, 190 | nav .tag_cloud a:hover, 191 | input[type="button"]:hover, 192 | input[type="reset"]:hover, 193 | input[type="submit"]:hover, 194 | .button:hover, 195 | .multiselect:hover{ background-color:couleur_hover;} 196 | 197 | button.edit:hover, 198 | footer a:hover, 199 | button.prive:hover, 200 | button.public:hover 201 | {background-color:couleur_info!important;boxhalo couleur_info} 202 | .suppr:hover{background-color:couleur_alert!important;boxhalo couleur_alert} 203 | .txt:hover{background-color:couleur_success!important;boxhalo couleur_success} 204 | 205 | button:hover, 206 | h1.toggle_next:hover 207 | {background-color: couleur_hover!important;} 208 | h1.toggle_next:hover{color: white!important;} 209 | 210 | /* Focus */ 211 | select:focus, 212 | input[type=text]:focus, 213 | input[type=password]:focus, 214 | textarea:focus 215 | {background:image_fond couleur_focus; outline:none;} 216 | 217 | /* Clicked */ 218 | .tags a:active, 219 | button:active , 220 | .add_snippet .tags label:active, 221 | nav .tag_cloud a:active, 222 | input[type="button"]:active, 223 | input[type="reset"]:active, 224 | input[type="submit"]:active, 225 | .button:active, 226 | .multiselect:active, 227 | input[type=file] + label:active{ 228 | effet_box box-shadow:none;box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px; 229 | background-color: couleur_foncee_bouton!important; 230 | noselect 231 | } 232 | 233 | 234 | 235 | 236 | .snippet_content p a{ pad 3 fs 16!important smallcaps} 237 | .snippet_content p.infos{txti txtl fs 12 effet_txt pad 0 mar 0 padr 10} 238 | 239 | 240 | h1.titre{fs 28 roundc arrondi marb 20 pad 5 txtc smallcaps} 241 | 242 | 243 | 244 | .snippet_content{roundbottom arrondi effet_box background:image_fond couleur_dominante_sombre;marr 10} 245 | .add_snippet li{list-style: none;} 246 | .add_snippet .tags{pad 10 marb 10 } 247 | .add_snippet .tags label{ pad 5 curhand fs 16!important } 248 | .add_snippet .tags input[type=checkbox],.add_snippet .tags input[type=radio]{hideme} 249 | .add_snippet .tags input[type=checkbox]:hover, .add_snippet .tags input[type=radio]:hover{border-color:couleur_hover; } 250 | .add_snippet .tags input:checked + label{effet_box insetshadow 1 3 background:image_fond couleur_bord_fonce; color:white; fs 22!important} 251 | 252 | 253 | 254 | 255 | 256 | 257 | /* LINKS */ 258 | a{color:couleur_lien; underoff effet_txt } 259 | a:focus { outline: thin dotted #333; outline: 5px auto; -webkit-focus-ring-color; outline-offset: -2px;} 260 | a:hover { outline: 0; color:black!important;} 261 | a:active { outline: 0;color:white;} 262 | a.warning {disib roundc arrondi padl 3 padr 3 color: couleur_text_warning;} 263 | a.error {disib roundc arrondi padl 3 padr 3 color: couleur_text_alert;} 264 | a.info {disib roundc arrondi padl 3 padr 3 color: couleur_text_info;} 265 | a.success {disib roundc arrondi padl 3 padr 3 color: couleur_text_success;} 266 | a.adr{background-position: 10px -1007px!important; padl 30px!important marl 20} 267 | p.embed{background-position: 9px -600px!important;color:couleur_foncee_bouton; effet_txt; padl 30px!important mart 5 marr 20 marl 20px!important roundc arrondi effet_box fs 12} 268 | 269 | /* MISC CLASSES */ 270 | .hidden,.tag_cloud a.hidden,.tag_cloud label.hidden {hideme} 271 | .ghost{hideme!important width:0;height:0;} 272 | p.alert,p.error{background-color:couleur_alert;color:couleur_text_alert;mart 10 pad 10 boxhalo couleur_alert roundc arrondi txtshadow} 273 | p.success{background-color:couleur_success;color:couleur_text_success;mart 10 pad 10 boxhalo couleur_success roundc arrondi txtshadow} 274 | p.info{background-color:couleur_info;color:couleur_text_info;mart 10 pad 10 boxhalo couleur_info roundc arrondi txtshadow} 275 | p.warning{background-color:couleur_warning;color:couleur_text_warning;mart 10 pad 10 boxhalo couleur_warning roundc arrondi txtshadow} 276 | .toggle_next{effet_txt txtb curhand noselect} 277 | .toggle_next:before{content:" ▾";lh 20} 278 | .right{txtr!important} 279 | p.rss{disib background-position: 4px -1624px!important; padl 22 roundc arrondi} 280 | 281 | .button_prive{background-color:rgba(250,50,0,0.5)!important;} 282 | .button_prive:hover{background-color:rgba(250,50,0,0.9)!important;} 283 | .button_public{background-color:rgba(0,250,0,0.5)!important;} 284 | .button_public:hover{background-color:rgba(0,250,0,0.9)!important;} 285 | 286 | .bookmarklet_link{txtc fs 12 txti} 287 | .bookmarklet_link a {padding:0 2px 0 2px;} 288 | 289 | 290 | 291 | 292 | 293 | /* tags styles here */ 294 | /* H1.tag / .button_tag{style};*/ 295 | h1.php,.button_php{background-color:rgba(150,0,200,0.5)!important;} 296 | h1.php:hover,.button_php:hover{background-color:rgba(150,0,200,0.9)!important;} 297 | h1.cpp,.button_cpp{background-color:rgba(30,30,90,0.5)!important;} 298 | h1.cpp:hover,.button_cpp:hover{background-color:rgba(30,30,90,0.8)!important;} 299 | h1.csharp,.button_csharp{background-color:rgba(30,90,30,0.5)!important;} 300 | h1.csharp:hover,.button_csharp:hover{background-color:rgba(30,90,30,0.9)!important;} 301 | h1.python,.button_python{background-color:rgba(200,100,0,0.5)!important;} 302 | h1.python:hover,.button_python:hover{background-color:rgba(200,100,0,1)!important;} 303 | h1.jquery, .button_jquery{background-color:rgba(0,130,200,0.5)!important;} 304 | h1.jquery:hover, .button_jquery:hover{background-color:rgba(0,130,200,0.9)!important;} 305 | h1.css,h1.css3, h1.html, h1.html5,.button_css,.button_css3,.button_html,.button_html5{background-color:rgba(0,150,0,0.5)!important;} 306 | h1.css:hover,h1.css3:hover, h1.html:hover,h1.html5:hover, .button_css:hover,.button_css3:hover,.button_html:hover,.button_html5:hover{background-color:rgba(0,120,0,0.9)!important;} 307 | h1.js, h1.javascript,.button_js,.button_javascript{background-color:rgba(0,50,250,0.5)!important;} 308 | h1.js:hover, h1.javascript:hover,.button_js:hover,.button_javascript:hover{background-color:rgba(0,50,250,0.9)!important;} 309 | h1.shell,.button_shell{background-color:rgba(0,193,145,0.5)!important;} 310 | h1.shell:hover,.button_shell:hover{background-color:rgba(0,193,145,1)!important;} 311 | h1.batch,.button_batch{background-color:rgba(102,150,173,0.5)!important;} 312 | h1.batch:hover,.button_batch:hover{background-color:rgba(102,150,173,1)!important;} 313 | 314 | /* TRANSITIONS */ 315 | /* fixed in one shot */ 316 | button,label, input, textarea, a,h1{transitall delai} 317 | button:hover,label:hover, input:hover, textarea:hover,a:hover, h1:hover{transitall delai} 318 | label:focus, input:focus, textarea:focus,a:focus{transitall delai} 319 | button:active,label:active, input:active, textarea:active,a:active, h1:active{transitall delai} 320 | 321 | 322 | 323 | /* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 324 | RESPONSIVE MEDIAQUERIES 325 | changer les tailles de polices et virer les floats sur les col 326 | changer les formats des first et last of type pour supprimer les coins spéciaux toolbar 327 | small tablet landscape */ 328 | @all max 800 { 329 | html{fs 50%} 330 | .nomobile, .margin{hideme} 331 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 332 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 333 | .corps{width:100%;min-width:320px;} 334 | } 335 | @all max 320 { 336 | html{fs 50%} 337 | .nomobile, .margin{hideme} 338 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 339 | nav a{fs 20px} 340 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 341 | .corps{width:100%;min-width:320px;} 342 | } 343 | @all dmax 800 { 344 | html{fs 50%} 345 | .nomobile, .margin{hideme} 346 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 347 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 348 | .corps{width:100%;min-width:320px;} 349 | } 350 | @all dmax 320 { 351 | html{fs 50%} 352 | .nomobile, .margin{hideme} 353 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 354 | nav a{fs 20px} 355 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 356 | .corps{width:100%;min-width:320px;} 357 | } 358 | /* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 359 | */ -------------------------------------------------------------------------------- /theme/default_flat/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/default_flat/sprite.png -------------------------------------------------------------------------------- /theme/index.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /theme/material/README.md: -------------------------------------------------------------------------------- 1 | # SnippetVamp Material Theme 2 | SnippetVamp Material is a theme based on Google's Material Design for [SnippetVamp](https://github.com/broncowdd/SnippetVamp). 3 | 4 | ## Screenshots 5 | ![SnippetVamp Material Screenshot](https://raw.githubusercontent.com/yamajo/SnippetVamp/master/theme/material/screenshot.png) 6 | 7 | ## Requirements 8 | You need to have SnippetVamp **1.84** installed. 9 | 10 | ## Download 11 | To download this theme, [visit this page](https://github.com/yamajo/SnippetVamp-Material/releases) and choose the most recent version matching the version of your SnippetVamp installation. Both use the same notation. 12 | 13 | ## Installation 14 | Download the `material` folder into the `theme` directory of your SnippetVamp installation. 15 | 16 | In your SnippetVamp installation : login, then go to the configuration page and change the theme parameter to `material`. 17 | 18 | ## Credits 19 | Inspiration comes from the [Shaarli-Material](https://github.com/kalvn/Shaarli-Material) theme made by [kalvn](https://github.com/kalvn/) 20 | 21 | ------------------------------------------------------------------------------ 22 | 23 | SnippetVamp Material was tested and validated on SnippetVamp 1.84. 24 | 25 | You can download SnippetVamp via the Github project page: https://github.com/broncowdd/SnippetVamp 26 | 27 | Original project page: http://www.warriordudimanche.net/article148/snippetvamp-parce-qu-yen-a-marre-de-chercher-ses-snippets 28 | -------------------------------------------------------------------------------- /theme/material/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/favicon.png -------------------------------------------------------------------------------- /theme/material/favicon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/favicon2.png -------------------------------------------------------------------------------- /theme/material/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/index.html -------------------------------------------------------------------------------- /theme/material/noise.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/noise.png -------------------------------------------------------------------------------- /theme/material/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/screenshot.png -------------------------------------------------------------------------------- /theme/material/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/sprite.png -------------------------------------------------------------------------------- /theme/material/sprite2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/sprite2.png -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Apache License.txt: -------------------------------------------------------------------------------- 1 | Font data copyright Google 2012 2 | 3 | Apache License 4 | Version 2.0, January 2004 5 | http://www.apache.org/licenses/ 6 | 7 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 8 | 9 | 1. Definitions. 10 | 11 | "License" shall mean the terms and conditions for use, reproduction, 12 | and distribution as defined by Sections 1 through 9 of this document. 13 | 14 | "Licensor" shall mean the copyright owner or entity authorized by 15 | the copyright owner that is granting the License. 16 | 17 | "Legal Entity" shall mean the union of the acting entity and all 18 | other entities that control, are controlled by, or are under common 19 | control with that entity. For the purposes of this definition, 20 | "control" means (i) the power, direct or indirect, to cause the 21 | direction or management of such entity, whether by contract or 22 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 23 | outstanding shares, or (iii) beneficial ownership of such entity. 24 | 25 | "You" (or "Your") shall mean an individual or Legal Entity 26 | exercising permissions granted by this License. 27 | 28 | "Source" form shall mean the preferred form for making modifications, 29 | including but not limited to software source code, documentation 30 | source, and configuration files. 31 | 32 | "Object" form shall mean any form resulting from mechanical 33 | transformation or translation of a Source form, including but 34 | not limited to compiled object code, generated documentation, 35 | and conversions to other media types. 36 | 37 | "Work" shall mean the work of authorship, whether in Source or 38 | Object form, made available under the License, as indicated by a 39 | copyright notice that is included in or attached to the work 40 | (an example is provided in the Appendix below). 41 | 42 | "Derivative Works" shall mean any work, whether in Source or Object 43 | form, that is based on (or derived from) the Work and for which the 44 | editorial revisions, annotations, elaborations, or other modifications 45 | represent, as a whole, an original work of authorship. For the purposes 46 | of this License, Derivative Works shall not include works that remain 47 | separable from, or merely link (or bind by name) to the interfaces of, 48 | the Work and Derivative Works thereof. 49 | 50 | "Contribution" shall mean any work of authorship, including 51 | the original version of the Work and any modifications or additions 52 | to that Work or Derivative Works thereof, that is intentionally 53 | submitted to Licensor for inclusion in the Work by the copyright owner 54 | or by an individual or Legal Entity authorized to submit on behalf of 55 | the copyright owner. For the purposes of this definition, "submitted" 56 | means any form of electronic, verbal, or written communication sent 57 | to the Licensor or its representatives, including but not limited to 58 | communication on electronic mailing lists, source code control systems, 59 | and issue tracking systems that are managed by, or on behalf of, the 60 | Licensor for the purpose of discussing and improving the Work, but 61 | excluding communication that is conspicuously marked or otherwise 62 | designated in writing by the copyright owner as "Not a Contribution." 63 | 64 | "Contributor" shall mean Licensor and any individual or Legal Entity 65 | on behalf of whom a Contribution has been received by Licensor and 66 | subsequently incorporated within the Work. 67 | 68 | 2. Grant of Copyright License. Subject to the terms and conditions of 69 | this License, each Contributor hereby grants to You a perpetual, 70 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 71 | copyright license to reproduce, prepare Derivative Works of, 72 | publicly display, publicly perform, sublicense, and distribute the 73 | Work and such Derivative Works in Source or Object form. 74 | 75 | 3. Grant of Patent License. Subject to the terms and conditions of 76 | this License, each Contributor hereby grants to You a perpetual, 77 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 78 | (except as stated in this section) patent license to make, have made, 79 | use, offer to sell, sell, import, and otherwise transfer the Work, 80 | where such license applies only to those patent claims licensable 81 | by such Contributor that are necessarily infringed by their 82 | Contribution(s) alone or by combination of their Contribution(s) 83 | with the Work to which such Contribution(s) was submitted. If You 84 | institute patent litigation against any entity (including a 85 | cross-claim or counterclaim in a lawsuit) alleging that the Work 86 | or a Contribution incorporated within the Work constitutes direct 87 | or contributory patent infringement, then any patent licenses 88 | granted to You under this License for that Work shall terminate 89 | as of the date such litigation is filed. 90 | 91 | 4. Redistribution. You may reproduce and distribute copies of the 92 | Work or Derivative Works thereof in any medium, with or without 93 | modifications, and in Source or Object form, provided that You 94 | meet the following conditions: 95 | 96 | (a) You must give any other recipients of the Work or 97 | Derivative Works a copy of this License; and 98 | 99 | (b) You must cause any modified files to carry prominent notices 100 | stating that You changed the files; and 101 | 102 | (c) You must retain, in the Source form of any Derivative Works 103 | that You distribute, all copyright, patent, trademark, and 104 | attribution notices from the Source form of the Work, 105 | excluding those notices that do not pertain to any part of 106 | the Derivative Works; and 107 | 108 | (d) If the Work includes a "NOTICE" text file as part of its 109 | distribution, then any Derivative Works that You distribute must 110 | include a readable copy of the attribution notices contained 111 | within such NOTICE file, excluding those notices that do not 112 | pertain to any part of the Derivative Works, in at least one 113 | of the following places: within a NOTICE text file distributed 114 | as part of the Derivative Works; within the Source form or 115 | documentation, if provided along with the Derivative Works; or, 116 | within a display generated by the Derivative Works, if and 117 | wherever such third-party notices normally appear. The contents 118 | of the NOTICE file are for informational purposes only and 119 | do not modify the License. You may add Your own attribution 120 | notices within Derivative Works that You distribute, alongside 121 | or as an addendum to the NOTICE text from the Work, provided 122 | that such additional attribution notices cannot be construed 123 | as modifying the License. 124 | 125 | You may add Your own copyright statement to Your modifications and 126 | may provide additional or different license terms and conditions 127 | for use, reproduction, or distribution of Your modifications, or 128 | for any such Derivative Works as a whole, provided Your use, 129 | reproduction, and distribution of the Work otherwise complies with 130 | the conditions stated in this License. 131 | 132 | 5. Submission of Contributions. Unless You explicitly state otherwise, 133 | any Contribution intentionally submitted for inclusion in the Work 134 | by You to the Licensor shall be under the terms and conditions of 135 | this License, without any additional terms or conditions. 136 | Notwithstanding the above, nothing herein shall supersede or modify 137 | the terms of any separate license agreement you may have executed 138 | with Licensor regarding such Contributions. 139 | 140 | 6. Trademarks. This License does not grant permission to use the trade 141 | names, trademarks, service marks, or product names of the Licensor, 142 | except as required for reasonable and customary use in describing the 143 | origin of the Work and reproducing the content of the NOTICE file. 144 | 145 | 7. Disclaimer of Warranty. Unless required by applicable law or 146 | agreed to in writing, Licensor provides the Work (and each 147 | Contributor provides its Contributions) on an "AS IS" BASIS, 148 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 149 | implied, including, without limitation, any warranties or conditions 150 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 151 | PARTICULAR PURPOSE. You are solely responsible for determining the 152 | appropriateness of using or redistributing the Work and assume any 153 | risks associated with Your exercise of permissions under this License. 154 | 155 | 8. Limitation of Liability. In no event and under no legal theory, 156 | whether in tort (including negligence), contract, or otherwise, 157 | unless required by applicable law (such as deliberate and grossly 158 | negligent acts) or agreed to in writing, shall any Contributor be 159 | liable to You for damages, including any direct, indirect, special, 160 | incidental, or consequential damages of any character arising as a 161 | result of this License or out of the use or inability to use the 162 | Work (including but not limited to damages for loss of goodwill, 163 | work stoppage, computer failure or malfunction, or any and all 164 | other commercial damages or losses), even if such Contributor 165 | has been advised of the possibility of such damages. 166 | 167 | 9. Accepting Warranty or Additional Liability. While redistributing 168 | the Work or Derivative Works thereof, You may choose to offer, 169 | and charge a fee for, acceptance of support, warranty, indemnity, 170 | or other liability obligations and/or rights consistent with this 171 | License. However, in accepting such obligations, You may act only 172 | on Your own behalf and on Your sole responsibility, not on behalf 173 | of any other Contributor, and only if You agree to indemnify, 174 | defend, and hold each Contributor harmless for any liability 175 | incurred by, or claims asserted against, such Contributor by reason 176 | of your accepting any such warranty or additional liability. 177 | 178 | END OF TERMS AND CONDITIONS 179 | 180 | APPENDIX: How to apply the Apache License to your work. 181 | 182 | To apply the Apache License to your work, attach the following 183 | boilerplate notice, with the fields enclosed by brackets "[]" 184 | replaced with your own identifying information. (Don't include 185 | the brackets!) The text should be enclosed in the appropriate 186 | comment syntax for the file format. We also recommend that a 187 | file or class name and description of purpose be included on the 188 | same "printed page" as the copyright notice for easier 189 | identification within third-party archives. 190 | 191 | Copyright [yyyy] [name of copyright owner] 192 | 193 | Licensed under the Apache License, Version 2.0 (the "License"); 194 | you may not use this file except in compliance with the License. 195 | You may obtain a copy of the License at 196 | 197 | http://www.apache.org/licenses/LICENSE-2.0 198 | 199 | Unless required by applicable law or agreed to in writing, software 200 | distributed under the License is distributed on an "AS IS" BASIS, 201 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 202 | See the License for the specific language governing permissions and 203 | limitations under the License. -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Roboto-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/Roboto-Black.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Roboto-BlackItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/Roboto-BlackItalic.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Roboto-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/Roboto-Bold.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Roboto-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/Roboto-BoldItalic.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Roboto-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/Roboto-Italic.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Roboto-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/Roboto-Light.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Roboto-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/Roboto-LightItalic.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Roboto-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/Roboto-Medium.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Roboto-MediumItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/Roboto-MediumItalic.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Roboto-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/Roboto-Regular.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Roboto-Thin.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/Roboto-Thin.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/Roboto-ThinItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/Roboto-ThinItalic.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/RobotoCondensed-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/RobotoCondensed-Bold.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/RobotoCondensed-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/RobotoCondensed-BoldItalic.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/RobotoCondensed-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/RobotoCondensed-Italic.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/RobotoCondensed-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/RobotoCondensed-Light.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/RobotoCondensed-LightItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/RobotoCondensed-LightItalic.ttf -------------------------------------------------------------------------------- /theme/material/static/fonts/roboto/RobotoCondensed-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/material/static/fonts/roboto/RobotoCondensed-Regular.ttf -------------------------------------------------------------------------------- /theme/monochrome/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/monochrome/favicon.png -------------------------------------------------------------------------------- /theme/monochrome/favicon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/monochrome/favicon2.png -------------------------------------------------------------------------------- /theme/monochrome/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/monochrome/index.html -------------------------------------------------------------------------------- /theme/monochrome/noise.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/monochrome/noise.png -------------------------------------------------------------------------------- /theme/monochrome/snippetvamp.css: -------------------------------------------------------------------------------- 1 | /* 2 | ######################## tailles / effets 3 | hauteur="48px" 4 | delai="100ms" 5 | image_fond="url(noise.png)" 6 | largeur="100%" 7 | arrondi="5" 8 | effet_bouton="background-image:image_fond; border:1px solid rgba(0, 0, 0, 0.4);background-color:couleur_bouton;box-shadow:rgba(255, 255, 255, 0.4) 0 1px 0 inset, rgba(255, 255, 255, 0.3) 0 25px 30px -12px inset, rgba(0, 0, 0, 0.6) 0 1px 2px;curhand " 9 | effet_txt="txtemboss" 10 | effet_box="boxemboss 1" 11 | 12 | ######################## couleurs 13 | couleur_dominante_sombre="#888" 14 | couleur_dominante_moyenne="#aaa" 15 | couleur_texte="#222" 16 | couleur_lien="#444" 17 | couleur_hover=lighten(couleur_lien,20) 18 | couleur_focus="#FF0" 19 | couleur_active="#ddd" 20 | couleur_alert="#F00" 21 | couleur_text_alert=lighten(couleur_alert,50) 22 | couleur_info="#F90" 23 | couleur_text_info=lighten(couleur_info,50) 24 | couleur_success="#0F0" 25 | couleur_text_success=lighten(couleur_info,50) 26 | couleur_warning="#00F" 27 | couleur_text_warning=lighten(couleur_warning,50) 28 | couleur_selection="#90F" 29 | couleur_text_selection=lighten(couleur_selection,50) 30 | couleur_bouton="#888" 31 | couleur_foncee_bouton=darken(couleur_bouton,50) 32 | black_25pc="rgba(0,0,0,0.25)" 33 | */ 34 | 35 | 36 | 37 | 38 | /* MISC ELEMENTS */ 39 | * {borbox} 40 | *::selection { background:image_fond couleur_selection;color:couleur_text_selection!important;} 41 | html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;overflow-y:scroll;height: 100%;} 42 | hr{effet_box marl 5 mar 0} 43 | pre{lh 15 color:#EDD; marl 25 marr 10 pad 5 mart 10 marb 10 antioverflow } 44 | 45 | /* ICON ELEMENTS */ 46 | /* set background */ 47 | h1.add, 48 | a.adr, 49 | p.embed, 50 | nav form.login input, 51 | nav .logo[type="text"], 52 | nav form.login input[type="password"], 53 | button.suppr, 54 | button.txt, 55 | button.edit, 56 | button.public, 57 | button.prive, 58 | nav .logo, 59 | input[type=file] + label, 60 | input[type=button].backup, 61 | p.rss 62 | {background:url(sprite.png) no-repeat!important;} 63 | 64 | 65 | /* LAYOUT */ 66 | body{min-height:100%;height: 100%; position:relative;background-image:image_fond;background-color:couleur_dominante_moyenne; borbox min-width:320px;fs 16 marauto ff_georgia lh 1.5em color: couleur_texte;} 67 | header,nav{noselect z-index:1;position:fixed;fs 18 } 68 | header{} 69 | 70 | nav{overflow-y:auto;width:25%;max-width:350px;min-width:200px; height:100%;top:1px ;left:0;background:#888;height:100%;background-image:image_fond;boxshadow 1 5} 71 | nav hr{mart 10} 72 | nav .logo{disbl marauto background-position: 0 -1111px!important;width:149px;height:128px;marb 20} 73 | nav .description{lh 12 fs 12 txtc txti effet_txt curarro noselect} 74 | nav form.login input[type="text"]{padl 20 background-color: couleur_bouton; background-position: 2px -1826px!important; width:45%;} 75 | nav form.login input[type="password"]{padl 20 background-color: couleur_bouton;background-position: 2px -1422px!important;width:45%;} 76 | nav form.login input[type="password"]:focus,nav form.login input[type="text"]:focus{background-color:couleur_active!important;} 77 | nav form.login input[type="submit"]{width:9%;pad 0;background:image_fond!important;fs 14} 78 | nav form.login{mar 5} 79 | nav form.deconnect {width:100%;disib padl 5 padr 5} 80 | nav form.deconnect input[type="submit"].exit{fs 12 pad 3 lh 12 width:100%; mart 7 } 81 | nav form.hidden { pad 10 } 82 | input[type="submit"].exit {txtb fs 12 pad 3 lh 12 width:100%; height: 25px;} 83 | nav form label{ disib mart 15 width:100%; fs 14 txti effet_txt} 84 | nav h1{txtc marb 0 padb 5} 85 | nav div.recherche {pad 5} 86 | nav div.recherche input{width:100%; pad 10 fs 18 ff_georgia } 87 | div.margin{width:25%;max-width:350px;min-width:200px;height:50px; flol mar 0 } 88 | aside{ position : relative; mart 0;width:100%;background-image:image_fond couleur_dominante_moyenne; fs 16 min-height: 87%;height:87%; } 89 | p.home_msg{fs 22 effet_txt #BBB pad 25px} 90 | aside .pagination{txtc mart 15} 91 | aside .pagination em{curarro disib pad 3 fs 18 mar 3 height:25px;width:25px; lh 16 roundc arrondi background-color:black_25pc;} 92 | aside .pagination a.pagination_link{disib pad 3 fs 18 mar 3 height:25px;width:25px; lh 16 roundc arrondi} 93 | aside .pagination a.pagination_link:hover{background-color:black_25pc;} 94 | footer{txtr width:100%; height:50px;padr 10} 95 | footer p.conf{} 96 | 97 | .corps{flol pad 10 width:74%; mar 0 min-width:580px; marb 30 min-height: 100%; } 98 | .snippet_content{padb 10 width:100%;} 99 | .snippet_content .origine,.snippet_content p{marl 25 padl 5 padb 5;} 100 | .tag_cloud {padl 5 padr 5} 101 | .tag_cloud a.checked{border:1px solid red;} 102 | .add_snippet{ pad 10 background:image_fond couleur_bouton; insetshadow 1 4 roundbottom arrondi} 103 | .corps label{mart 15 disib width:100%;effet_txt #eee } 104 | .corps #config label:before{content:"▸ ";} 105 | .corps #config textarea{height:150px;} 106 | .corps input.pack+label{curhand } 107 | .corps input.pack+label:hover{color:couleur_foncee_bouton; } 108 | .buttons input.pack {flor mart 10} 109 | button.pack{ width:100%;} 110 | pre.logfile{txtshadow color:white;background-color: #888;roundc 5 insetshadow 1 1 } 111 | pre.logfile em.warning{color:#f00;} 112 | pre.logfile em.ok{color:#0f0;} 113 | /* FORMS & BUTTONS (INCLUDING ALL ELEMENTS WITH BUTTON ASPECT: A H1 etc) */ 114 | #import,#replace{disib } 115 | 116 | /* Normal */ 117 | input[type=checkbox]+label,input[type=radio]+label{disib width:auto;} 118 | #multiselect{hideme} 119 | #multiselect+label{ width:100%;} 120 | .multiselect{background-color:rgba(100,100,100,0.5)!important;} 121 | .multiselect:hover{background-color:rgba(100,100,100,0.9)!important;} 122 | 123 | .filter{disbl width:100%;} 124 | select{curhand} 125 | textarea{disib height: 500px; noresiz} 126 | .bookmarklet textarea{height:200px;} 127 | select, 128 | textarea, 129 | input[type=text], 130 | input[type=password] 131 | {width:100%;roundc arrondi effet_box pad 3 outline:none;} 132 | 133 | .tags a, button, 134 | .add_snippet .tags label, 135 | nav .tag_cloud a, 136 | input[type="button"], 137 | input[type="reset"], 138 | input[type="submit"], 139 | .multiselect, 140 | input[type=file] + label, 141 | .bookmarklet_link a, 142 | a.button 143 | { 144 | *overflow: visible; line-height: normal; vertical-align: middle; 145 | noselect mar 0 mart 1 fs 16 disib roundc arrondi effet_bouton effet_txt underoff 146 | color:inherit; font:inherit; padding:0.45em 0.6em; 147 | white-space:nowrap; 148 | } 149 | 150 | h1.toggle_next{ 151 | mar 0 fs 18 disbl pad 5 underoff roundc 2 effet_txt effet_bouton 152 | vertical-align: middle; 153 | color:inherit; font:inherit; 154 | white-space:normal; 155 | } 156 | h1.add{background-position: 4px 9px!important; padl 25} 157 | 158 | button.suppr, 159 | button.txt, 160 | button.edit, 161 | button.public, 162 | button.prive 163 | {flor mart 6 height:22px;width:22px;pad 2 border:none; box-shadow: none;} 164 | button.suppr{background-position: 3px -502px!important;marr 5} 165 | button.edit{background-position: 2px -704px!important;} 166 | button.txt{background-position: 2px -1321px!important;} 167 | button.public{background-position: 2px -1523px!important;} 168 | button.prive{background-position: 2px -1422px!important;} 169 | .tag_cloud a.filter{width:100%;} 170 | 171 | input[type=file] + label{width:auto;} 172 | #import_file + label{height:40px;background-position: 5px 12px!important;background-color:rgba(50,250,50,0.5)!important;padl 25 } 173 | #import_file + label:hover{background-color:rgba(50,200,100,0.9)!important;} 174 | #replace_file + label{height:40px;background-position: 5px -392px!important;background-color:rgba(250,30,30,0.5)!important;padl 25 } 175 | #replace_file + label:hover{background-color:rgba(250,30,30,0.9)!important;} 176 | input[type=button].backup{height:40px;background-position: 5px -89px!important;background-color:rgba(50,250,50,0.5)!important; padl 25px!important } 177 | input[type=button].backup:hover{background-color:rgba(50,200,100,0.9)!important;} 178 | .restore{height:40px;background:url(favicon.png) right center no-repeat rgba(250,30,30,0.5)!important;padr 30px!important } 179 | .restore:hover{background-color:rgba(250,30,30,0.9)!important;} 180 | .log{height:40px;background-color:rgba(50,80,250,0.5)!important;} 181 | .log:hover{background-color:rgba(50,80,250,0.9)!important;} 182 | } 183 | 184 | /* Hover */ 185 | select:hover, 186 | input[type=text]:hover, 187 | input[type=password]:hover, 188 | textarea:hover 189 | {insethalo couleur_hover; outline:none;} 190 | .tags a:hover, 191 | .add_snippet .tags label:hover, 192 | nav .tag_cloud a:hover, 193 | input[type="button"]:hover, 194 | input[type="reset"]:hover, 195 | input[type="submit"]:hover, 196 | .button:hover, 197 | .multiselect:hover{ background-color:couleur_hover;} 198 | 199 | button.edit:hover, 200 | footer a:hover, 201 | button.prive:hover, 202 | button.public:hover 203 | {background-color:couleur_info!important;boxhalo couleur_info} 204 | .suppr:hover{background-color:couleur_alert!important;boxhalo couleur_alert} 205 | .txt:hover{background-color:couleur_success!important;boxhalo couleur_success} 206 | 207 | button:hover, 208 | h1.toggle_next:hover 209 | {background-color: couleur_hover!important;} 210 | h1.toggle_next:hover{color: white!important;} 211 | 212 | /* Focus */ 213 | select:focus, 214 | input[type=text]:focus, 215 | input[type=password]:focus, 216 | textarea:focus 217 | {background:image_fond couleur_focus;insetshadow 1 3 outline:none;} 218 | 219 | /* Clicked */ 220 | .tags a:active, 221 | button:active , 222 | .add_snippet .tags label:active, 223 | nav .tag_cloud a:active, 224 | input[type="button"]:active, 225 | input[type="reset"]:active, 226 | input[type="submit"]:active, 227 | .button:active, 228 | .multiselect:active, 229 | input[type=file] + label:active{ 230 | effet_box box-shadow:none;box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px; 231 | background-color: couleur_foncee_bouton!important; 232 | noselect 233 | } 234 | 235 | 236 | 237 | 238 | .snippet_content p a{ pad 3 fs 16!important smallcaps} 239 | .snippet_content p.infos{txti txtl fs 12 effet_txt pad 0 mar 0 padr 10} 240 | 241 | 242 | h1.titre{fs 28 roundc arrondi marb 20 pad 5 insetshadow 1 4 txtc smallcaps} 243 | 244 | 245 | 246 | .snippet_content{roundbottom arrondi insetshadow 1 3 effet_box background:image_fond #999;marr 10} 247 | .add_snippet li{list-style: none;} 248 | .add_snippet .tags{pad 10 marb 10 } 249 | .add_snippet .tags label{ pad 5 curhand fs 16!important } 250 | .add_snippet .tags input[type=checkbox],.add_snippet .tags input[type=radio]{hideme} 251 | .add_snippet .tags input[type=checkbox]:hover, .add_snippet .tags input[type=radio]:hover{border-color:couleur_hover; } 252 | .add_snippet .tags input:checked + label{effet_box insetshadow 1 3 background:image_fond couleur_bord_fonce; color:white; fs 22!important} 253 | 254 | 255 | 256 | 257 | 258 | 259 | /* LINKS */ 260 | a{color:couleur_lien; underoff effet_txt } 261 | a:focus { outline: thin dotted #333; outline: 5px auto; -webkit-focus-ring-color; outline-offset: -2px;} 262 | a:hover { outline: 0; color:black!important;} 263 | a:active { outline: 0;color:white;} 264 | a.warning {disib roundc arrondi padl 3 padr 3 color: couleur_text_warning;} 265 | a.error {disib roundc arrondi padl 3 padr 3 color: couleur_text_alert;} 266 | a.info {disib roundc arrondi padl 3 padr 3 color: couleur_text_info;} 267 | a.success {disib roundc arrondi padl 3 padr 3 color: couleur_text_success;} 268 | a.adr{background-position: 10px -1007px!important; padl 30px!important marl 20} 269 | p.embed{background-position: 9px -600px!important;color:couleur_foncee_bouton; effet_txt padl 30px!important mart 5 marr 20 marl 20px!important roundc arrondi effet_box fs 12} 270 | 271 | /* MISC CLASSES */ 272 | .hidden,.tag_cloud a.hidden,.tag_cloud label.hidden {hideme} 273 | .ghost{hideme!important width:0;height:0;} 274 | p.alert,p.error{background-color:couleur_alert;color:couleur_text_alert;mart 10 pad 10 boxhalo couleur_alert roundc arrondi txtshadow} 275 | p.success{background-color:couleur_success;color:couleur_text_success;mart 10 pad 10 boxhalo couleur_success roundc arrondi txtshadow} 276 | p.info{background-color:couleur_info;color:couleur_text_info;mart 10 pad 10 boxhalo couleur_info roundc arrondi txtshadow} 277 | p.warning{background-color:couleur_warning;color:couleur_text_warning;mart 10 pad 10 boxhalo couleur_warning roundc arrondi txtshadow} 278 | .toggle_next{effet_txt txtb curhand noselect} 279 | .toggle_next:before{content:" ▾";lh 20} 280 | .right{txtr!important} 281 | p.rss{disib background-position: 4px -1624px!important; padl 22 roundc arrondi} 282 | 283 | .button_prive{background-color:rgba(250,50,0,0.5)!important;} 284 | .button_prive:hover{background-color:rgba(250,50,0,0.9)!important;} 285 | .button_public{background-color:rgba(0,250,0,0.5)!important;} 286 | .button_public:hover{background-color:rgba(0,250,0,0.9)!important;} 287 | 288 | .bookmarklet_link{txtc fs 12 txti} 289 | .bookmarklet_link a {padding:0 2px 0 2px;} 290 | 291 | 292 | /* TRANSITIONS */ 293 | /* fixed in one shot */ 294 | button,label, input, textarea, a,h1{transitall delai} 295 | button:hover,label:hover, input:hover, textarea:hover,a:hover, h1:hover{transitall delai} 296 | label:focus, input:focus, textarea:focus,a:focus{transitall delai} 297 | button:active,label:active, input:active, textarea:active,a:active, h1:active{transitall delai} 298 | 299 | 300 | 301 | /* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 302 | RESPONSIVE MEDIAQUERIES 303 | changer les tailles de polices et virer les floats sur les col 304 | changer les formats des first et last of type pour supprimer les coins spéciaux toolbar 305 | small tablet landscape */ 306 | @all max 800 { 307 | html{fs 50%} 308 | .nomobile, .margin{hideme} 309 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 310 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 311 | .corps{width:100%;min-width:320px;} 312 | } 313 | @all max 320 { 314 | html{fs 50%} 315 | .nomobile, .margin{hideme} 316 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 317 | nav a{fs 20px} 318 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 319 | .corps{width:100%;min-width:320px;} 320 | } 321 | @all dmax 800 { 322 | html{fs 50%} 323 | .nomobile, .margin{hideme} 324 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 325 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 326 | .corps{width:100%;min-width:320px;} 327 | } 328 | @all dmax 320 { 329 | html{fs 50%} 330 | .nomobile, .margin{hideme} 331 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 332 | nav a{fs 20px} 333 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 334 | .corps{width:100%;min-width:320px;} 335 | } 336 | /* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 337 | */ -------------------------------------------------------------------------------- /theme/monochrome/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/monochrome/sprite.png -------------------------------------------------------------------------------- /theme/monochrome_flat/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/monochrome_flat/favicon.png -------------------------------------------------------------------------------- /theme/monochrome_flat/favicon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/monochrome_flat/favicon2.png -------------------------------------------------------------------------------- /theme/monochrome_flat/index.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /theme/monochrome_flat/noise.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/monochrome_flat/noise.png -------------------------------------------------------------------------------- /theme/monochrome_flat/snippetvamp.css: -------------------------------------------------------------------------------- 1 | /* 2 | ######################## tailles / effets 3 | hauteur="48px" 4 | delai="100ms" 5 | image_fond="url(noise.png)" 6 | largeur="100%" 7 | arrondi="5" 8 | effet_bouton="mar 1 background-color:transparent_25pc;border:none;curhand" 9 | effet_txt="" 10 | effet_box="border:none;" 11 | 12 | ######################## couleurs 13 | couleur_dominante_sombre="#888" 14 | couleur_dominante_moyenne="#aaa" 15 | couleur_texte="#222" 16 | couleur_lien="#444" 17 | couleur_hover=lighten(couleur_lien,20) 18 | couleur_focus="#FF0" 19 | couleur_active="#ddd" 20 | couleur_alert="#F00" 21 | couleur_text_alert=lighten(couleur_alert,50) 22 | couleur_info="#F90" 23 | couleur_text_info=lighten(couleur_info,50) 24 | couleur_success="#0F0" 25 | couleur_text_success=lighten(couleur_info,50) 26 | couleur_warning="#00F" 27 | couleur_text_warning=lighten(couleur_warning,50) 28 | couleur_selection="#90F" 29 | couleur_text_selection=lighten(couleur_selection,50) 30 | couleur_bouton="#888" 31 | couleur_foncee_bouton=darken(couleur_bouton,50) 32 | transparent_25pc="rgba(0,0,0,0.25)" 33 | */ 34 | 35 | 36 | /* MISC ELEMENTS */ 37 | * {borbox} 38 | *::selection { background:image_fond couleur_selection;color:couleur_text_selection!important;} 39 | html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;overflow-y:scroll;height: 100%;} 40 | hr{effet_box marl 5 mar 0} 41 | pre{lh 15 color:#EDD; marl 25 marr 10 pad 5 mart 10 marb 10 antioverflow } 42 | 43 | /* ICON ELEMENTS */ 44 | /* set background */ 45 | h1.add, 46 | a.adr, 47 | p.embed, 48 | nav form.login input, 49 | nav .logo[type="text"], 50 | nav form.login input[type="password"], 51 | button.suppr, 52 | button.txt, 53 | button.edit, 54 | button.public, 55 | button.prive, 56 | nav .logo, 57 | input[type=file] + label, 58 | input[type=button].backup, 59 | p.rss 60 | {background:url(sprite.png) no-repeat!important;} 61 | 62 | 63 | /* LAYOUT */ 64 | body{min-height:100%;height: 100%; position:relative;background-image:image_fond;background-color:couleur_dominante_moyenne; borbox min-width:320px;fs 16 marauto ff_georgia lh 1.5em color: couleur_texte;} 65 | header,nav{noselect z-index:1;position:fixed;fs 18 } 66 | header{} 67 | 68 | nav{overflow-y:auto;width:25%;max-width:350px;min-width:200px; height:100%;top:1px ;left:0;background:#888;height:100%;background-image:image_fond;} 69 | nav hr{mart 10} 70 | nav .logo{disbl marauto background-position: 0 -1111px!important;width:149px;height:128px;marb 20} 71 | nav .description{lh 12 fs 12 txtc txti effet_txt curarro noselect} 72 | nav form.login input[type="text"]{padl 20 background-color: couleur_bouton; background-position: 2px -1826px!important; width:45%;} 73 | nav form.login input[type="password"]{padl 20 background-color: couleur_bouton;background-position: 2px -1422px!important;width:45%;} 74 | nav form.login input[type="password"]:focus,nav form.login input[type="text"]:focus{background-color:couleur_active!important;} 75 | nav form.login input[type="submit"]{width:9%;pad 0;background:image_fond!important;fs 14} 76 | nav form.login{mar 5} 77 | nav form.deconnect {width:100%;disib padl 5 padr 5} 78 | nav form.deconnect input[type="submit"].exit{fs 12 pad 3 lh 12 width:100%; mart 7 } 79 | nav form.hidden { pad 10 } 80 | input[type="submit"].exit {txtb fs 12 pad 3 lh 12 width:100%; height: 25px;} 81 | nav form label{ disib mart 15 width:100%; fs 14 txti effet_txt} 82 | nav h1{txtc marb 0 padb 5} 83 | nav div.recherche {pad 5} 84 | nav div.recherche input{width:100%; pad 10 fs 18 ff_georgia } 85 | div.margin{width:25%;max-width:350px;min-width:200px;height:50px; flol mar 0 } 86 | aside{ position : relative; mart 0;width:100%;background-image:image_fond couleur_dominante_moyenne; fs 16 min-height: 87%;height:87%; } 87 | p.home_msg{fs 22 effet_txt #BBB pad 25px} 88 | aside .pagination{txtc mart 15} 89 | aside .pagination em{curarro disib pad 3 fs 18 mar 3 height:25px;width:25px; lh 16 roundc arrondi background-color:transparent_25pc;} 90 | aside .pagination a.pagination_link{disib pad 3 fs 18 mar 3 height:25px;width:25px; lh 16 roundc arrondi} 91 | aside .pagination a.pagination_link:hover{background-color:transparent_25pc;} 92 | footer{txtr width:100%; height:50px;padr 10} 93 | footer p.conf{} 94 | 95 | .corps{flol pad 10 width:74%; mar 0 min-width:580px; marb 30 min-height: 100%; } 96 | .snippet_content{padb 10 width:100%;} 97 | .snippet_content .origine,.snippet_content p{marl 25 padl 5 padb 5;} 98 | .tag_cloud {padl 5 padr 5} 99 | .tag_cloud a.checked{border:1px solid red;} 100 | .add_snippet{ pad 10 background:image_fond couleur_dominante_sombre; roundbottom arrondi} 101 | .corps label{mart 15 disib width:100%;effet_txt #eee } 102 | .corps #config label:before{content:"▸ ";} 103 | .corps #config textarea{height:150px;} 104 | .corps input.pack+label{curhand } 105 | .corps input.pack+label:hover{color:couleur_foncee_bouton; } 106 | .buttons input.pack {flor mart 10} 107 | button.pack{ width:100%;} 108 | pre.logfile{effet_txt color:white;background-color: #888;roundc 5 } 109 | pre.logfile em.warning{color:#f00;} 110 | pre.logfile em.ok{color:#0f0;} 111 | /* FORMS & BUTTONS (INCLUDING ALL ELEMENTS WITH BUTTON ASPECT: A H1 etc) */ 112 | #import,#replace{disib } 113 | 114 | /* Normal */ 115 | input[type=checkbox]+label,input[type=radio]+label{disib width:auto;} 116 | #multiselect{hideme} 117 | #multiselect+label{ width:100%;} 118 | .multiselect{background-color:rgba(100,100,100,0.5)!important;} 119 | .multiselect:hover{background-color:rgba(100,100,100,0.9)!important;} 120 | 121 | .filter{disbl width:100%;} 122 | select{curhand} 123 | textarea{disib height: 500px; noresiz} 124 | .bookmarklet textarea{height:200px;} 125 | select, 126 | textarea, 127 | input[type=text], 128 | input[type=password] 129 | {width:100%;roundc arrondi effet_box pad 3 outline:none;} 130 | 131 | .tags a, button, 132 | .add_snippet .tags label, 133 | nav .tag_cloud a, 134 | input[type="button"], 135 | input[type="reset"], 136 | input[type="submit"], 137 | .multiselect, 138 | input[type=file] + label, 139 | .bookmarklet_link a, 140 | a.button 141 | { 142 | *overflow: visible; line-height: normal; vertical-align: middle; 143 | noselect mar 0 mart 1 fs 16 disib roundc arrondi effet_bouton effet_txt underoff 144 | color:inherit; font:inherit; padding:0.45em 0.6em; 145 | white-space:nowrap; 146 | } 147 | 148 | h1.toggle_next{ 149 | mar 0 fs 18 disbl pad 5 underoff roundc 2 effet_txt effet_bouton 150 | vertical-align: middle; 151 | color:inherit; font:inherit; 152 | white-space:normal; 153 | } 154 | h1.add{background-position: 4px 9px!important; padl 25} 155 | 156 | button.suppr, 157 | button.txt, 158 | button.edit, 159 | button.public, 160 | button.prive 161 | {flor mart 6 height:22px;width:22px;pad 2 border:none; box-shadow: none;} 162 | button.suppr{background-position: 3px -502px!important;marr 5} 163 | button.edit{background-position: 2px -704px!important;} 164 | button.txt{background-position: 2px -1321px!important;} 165 | button.public{background-position: 2px -1523px!important;} 166 | button.prive{background-position: 2px -1422px!important;} 167 | .tag_cloud a.filter{width:100%;} 168 | 169 | input[type=file] + label{width:auto;} 170 | #import_file + label{height:40px;background-position: 5px 12px!important;background-color:rgba(50,250,50,0.5)!important;padl 25 } 171 | #import_file + label:hover{background-color:rgba(50,200,100,0.9)!important;} 172 | #replace_file + label{height:40px;background-position: 5px -392px!important;background-color:rgba(250,30,30,0.5)!important;padl 25 } 173 | #replace_file + label:hover{background-color:rgba(250,30,30,0.9)!important;} 174 | input[type=button].backup{height:40px;background-position: 5px -89px!important;background-color:rgba(50,250,50,0.5)!important; padl 25px!important } 175 | input[type=button].backup:hover{background-color:rgba(50,200,100,0.9)!important;} 176 | .restore{height:40px;background:url(favicon.png) right center no-repeat rgba(250,30,30,0.5)!important;padr 30px!important } 177 | .restore:hover{background-color:rgba(250,30,30,0.9)!important;} 178 | .log{height:40px;background-color:rgba(50,80,250,0.5)!important;} 179 | .log:hover{background-color:rgba(50,80,250,0.9)!important;} 180 | } 181 | 182 | /* Hover */ 183 | select:hover, 184 | input[type=text]:hover, 185 | input[type=password]:hover, 186 | textarea:hover 187 | {insethalo couleur_hover; outline:none;} 188 | .tags a:hover, 189 | .add_snippet .tags label:hover, 190 | nav .tag_cloud a:hover, 191 | input[type="button"]:hover, 192 | input[type="reset"]:hover, 193 | input[type="submit"]:hover, 194 | .button:hover, 195 | .multiselect:hover{ background-color:couleur_hover;} 196 | 197 | button.edit:hover, 198 | footer a:hover, 199 | button.prive:hover, 200 | button.public:hover 201 | {background-color:couleur_info!important;boxhalo couleur_info} 202 | .suppr:hover{background-color:couleur_alert!important;boxhalo couleur_alert} 203 | .txt:hover{background-color:couleur_success!important;boxhalo couleur_success} 204 | 205 | button:hover, 206 | h1.toggle_next:hover 207 | {background-color: couleur_hover!important;} 208 | h1.toggle_next:hover{color: white!important;} 209 | 210 | /* Focus */ 211 | select:focus, 212 | input[type=text]:focus, 213 | input[type=password]:focus, 214 | textarea:focus 215 | {background:image_fond couleur_focus; outline:none;} 216 | 217 | /* Clicked */ 218 | .tags a:active, 219 | button:active , 220 | .add_snippet .tags label:active, 221 | nav .tag_cloud a:active, 222 | input[type="button"]:active, 223 | input[type="reset"]:active, 224 | input[type="submit"]:active, 225 | .button:active, 226 | .multiselect:active, 227 | input[type=file] + label:active{ 228 | effet_box box-shadow:none;box-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px; 229 | background-color: couleur_foncee_bouton!important; 230 | noselect 231 | } 232 | 233 | 234 | 235 | 236 | .snippet_content p a{ pad 3 fs 16!important smallcaps} 237 | .snippet_content p.infos{txti txtl fs 12 effet_txt pad 0 mar 0 padr 10} 238 | 239 | 240 | h1.titre{fs 28 roundc arrondi marb 20 pad 5 txtc smallcaps} 241 | 242 | 243 | 244 | .snippet_content{roundbottom arrondi effet_box background:image_fond couleur_dominante_sombre;marr 10} 245 | .add_snippet li{list-style: none;} 246 | .add_snippet .tags{pad 10 marb 10 } 247 | .add_snippet .tags label{ pad 5 curhand fs 16!important } 248 | .add_snippet .tags input[type=checkbox],.add_snippet .tags input[type=radio]{hideme} 249 | .add_snippet .tags input[type=checkbox]:hover, .add_snippet .tags input[type=radio]:hover{border-color:couleur_hover; } 250 | .add_snippet .tags input:checked + label{effet_box insetshadow 1 3 background:image_fond couleur_bord_fonce; color:white; fs 22!important} 251 | 252 | 253 | 254 | 255 | 256 | 257 | /* LINKS */ 258 | a{color:couleur_lien; underoff effet_txt } 259 | a:focus { outline: thin dotted #333; outline: 5px auto; -webkit-focus-ring-color; outline-offset: -2px;} 260 | a:hover { outline: 0; color:black!important;} 261 | a:active { outline: 0;color:white;} 262 | a.warning {disib roundc arrondi padl 3 padr 3 color: couleur_text_warning;} 263 | a.error {disib roundc arrondi padl 3 padr 3 color: couleur_text_alert;} 264 | a.info {disib roundc arrondi padl 3 padr 3 color: couleur_text_info;} 265 | a.success {disib roundc arrondi padl 3 padr 3 color: couleur_text_success;} 266 | a.adr{background-position: 10px -1007px!important; padl 30px!important marl 20} 267 | p.embed{background-position: 9px -600px!important;color:couleur_foncee_bouton; effet_txt; padl 30px!important mart 5 marr 20 marl 20px!important roundc arrondi effet_box fs 12} 268 | 269 | /* MISC CLASSES */ 270 | .hidden,.tag_cloud a.hidden,.tag_cloud label.hidden {hideme} 271 | .ghost{hideme!important width:0;height:0;} 272 | p.alert,p.error{background-color:couleur_alert;color:couleur_text_alert;mart 10 pad 10 boxhalo couleur_alert roundc arrondi txtshadow} 273 | p.success{background-color:couleur_success;color:couleur_text_success;mart 10 pad 10 boxhalo couleur_success roundc arrondi txtshadow} 274 | p.info{background-color:couleur_info;color:couleur_text_info;mart 10 pad 10 boxhalo couleur_info roundc arrondi txtshadow} 275 | p.warning{background-color:couleur_warning;color:couleur_text_warning;mart 10 pad 10 boxhalo couleur_warning roundc arrondi txtshadow} 276 | .toggle_next{effet_txt txtb curhand noselect} 277 | .toggle_next:before{content:" ▾";lh 20} 278 | .right{txtr!important} 279 | p.rss{disib background-position: 4px -1624px!important; padl 22 roundc arrondi} 280 | 281 | .button_prive{background-color:rgba(250,50,0,0.5)!important;} 282 | .button_prive:hover{background-color:rgba(250,50,0,0.9)!important;} 283 | .button_public{background-color:rgba(0,250,0,0.5)!important;} 284 | .button_public:hover{background-color:rgba(0,250,0,0.9)!important;} 285 | 286 | .bookmarklet_link{txtc fs 12 txti} 287 | .bookmarklet_link a {padding:0 2px 0 2px;} 288 | 289 | 290 | 291 | /* TRANSITIONS */ 292 | /* fixed in one shot */ 293 | button,label, input, textarea, a,h1{transitall delai} 294 | button:hover,label:hover, input:hover, textarea:hover,a:hover, h1:hover{transitall delai} 295 | label:focus, input:focus, textarea:focus,a:focus{transitall delai} 296 | button:active,label:active, input:active, textarea:active,a:active, h1:active{transitall delai} 297 | 298 | 299 | 300 | /* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 301 | RESPONSIVE MEDIAQUERIES 302 | changer les tailles de polices et virer les floats sur les col 303 | changer les formats des first et last of type pour supprimer les coins spéciaux toolbar 304 | small tablet landscape */ 305 | @all max 800 { 306 | html{fs 50%} 307 | .nomobile, .margin{hideme} 308 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 309 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 310 | .corps{width:100%;min-width:320px;} 311 | } 312 | @all max 320 { 313 | html{fs 50%} 314 | .nomobile, .margin{hideme} 315 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 316 | nav a{fs 20px} 317 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 318 | .corps{width:100%;min-width:320px;} 319 | } 320 | @all dmax 800 { 321 | html{fs 50%} 322 | .nomobile, .margin{hideme} 323 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 324 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 325 | .corps{width:100%;min-width:320px;} 326 | } 327 | @all dmax 320 { 328 | html{fs 50%} 329 | .nomobile, .margin{hideme} 330 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 331 | nav a{fs 20px} 332 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 333 | .corps{width:100%;min-width:320px;} 334 | } 335 | /* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 336 | */ -------------------------------------------------------------------------------- /theme/monochrome_flat/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/monochrome_flat/sprite.png -------------------------------------------------------------------------------- /theme/white_flat/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/white_flat/favicon.png -------------------------------------------------------------------------------- /theme/white_flat/favicon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/white_flat/favicon2.png -------------------------------------------------------------------------------- /theme/white_flat/index.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /theme/white_flat/snippetvamp.css: -------------------------------------------------------------------------------- 1 | /* 2 | ######################## tailles / effets 3 | hauteur="48px" 4 | delai="300ms" 5 | image_fond="url(subtle_grunge.png)" 6 | largeur="100%" 7 | arrondi="2" 8 | effet_bouton="background-color:transparent_15pc;border:1px solid transparent;curhand" 9 | effet_txt="" 10 | effet_box="border:1px solid transparent;" 11 | 12 | ######################## couleurs 13 | couleur_dominante_sombre="#888" 14 | couleur_dominante_moyenne="#aaa" 15 | couleur_texte="#222" 16 | couleur_lien="#666" 17 | couleur_hover=darken(couleur_lien,20) 18 | couleur_focus="#FF0" 19 | couleur_active="#ddd" 20 | couleur_alert="#F00" 21 | couleur_text_alert=lighten(couleur_alert,50) 22 | couleur_info="#F90" 23 | couleur_text_info=lighten(couleur_info,50) 24 | couleur_success="#0F0" 25 | couleur_text_success=lighten(couleur_info,50) 26 | couleur_warning="#00F" 27 | couleur_text_warning=lighten(couleur_warning,50) 28 | couleur_selection="#90F" 29 | couleur_text_selection=lighten(couleur_selection,50) 30 | couleur_bouton="#888" 31 | couleur_foncee_bouton=darken(couleur_bouton,50) 32 | transparent_15pc="rgba(0,0,0,0.15)" 33 | transparent_25pc="rgba(0,0,0,0.25)" 34 | */ 35 | 36 | 37 | /* MISC ELEMENTS */ 38 | * {borbox} 39 | *::selection { background:image_fond couleur_selection;color:couleur_text_selection!important;} 40 | html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;overflow-y:scroll;height: 100%;} 41 | hr{effet_box marl 5 mar 0} 42 | pre{lh 15 color:#EDD; marl 25 marr 10 pad 5 mart 10 marb 10 antioverflow } 43 | 44 | /* ICON ELEMENTS */ 45 | /* set background */ 46 | h1.add, 47 | a.adr, 48 | p.embed, 49 | 50 | nav form.login input[type=text], 51 | nav form.login input[type=password], 52 | nav .logo[type="text"], 53 | button.suppr, 54 | button.txt, 55 | button.edit, 56 | button.public, 57 | button.prive, 58 | nav .logo, 59 | input[type=file] + label, 60 | input[type=button].backup, 61 | p.rss 62 | {background-image:url(sprite.png) ; background-repeat:no-repeat!important;} 63 | 64 | 65 | /* LAYOUT */ 66 | body{min-height:100%;height: 100%; position:relative;background-image:image_fond;background-color:couleur_dominante_moyenne; borbox min-width:320px;fs 16 marauto ff_georgia lh 1.5em color: couleur_texte;} 67 | header,nav{noselect z-index:1;position:fixed;fs 18 } 68 | header{} 69 | 70 | nav{overflow-y:auto;width:25%;max-width:350px;min-width:200px; height:100%;top:1px ;left:0;background:transparent_15pc;height:100%;background-image:image_fond;} 71 | nav hr{mart 10} 72 | nav .logo{disbl marauto background-position: 0 -1111px!important;width:149px;height:128px;marb 20} 73 | nav .description{lh 12 fs 12 txtc txti effet_txt curarro noselect} 74 | nav form.login input{height: 25px;color:couleur_texte;} 75 | nav form.login input[type="text"]{marr 1 padl 20 background-position: 2px -1826px!important; width:45%;} 76 | nav form.login input[type="password"]{marr 1 padl 20 background-position: 2px -1422px!important;width:45%;} 77 | nav form.login input[type="submit"]{mar 0 width:9%;pad 0;fs 14 } 78 | nav form.login{mar 5} 79 | nav form.deconnect {width:100%;disib padl 5 padr 5} 80 | nav form.deconnect input[type="submit"].exit{fs 12 pad 3 lh 12 width:100%; mart 7 } 81 | nav form.deconnect input[type="submit"].exit:hover{color:black ;} 82 | nav form.hidden { pad 10 } 83 | input[type="submit"].exit {txtb fs 12 pad 3 lh 12 width:100%; height: 25px;} 84 | nav form label{ disib mart 15 width:100%; fs 14 txti effet_txt} 85 | nav h1{txtc marb 0 padb 5} 86 | nav div.recherche {pad 5} 87 | nav div.recherche input{width:100%; pad 10 fs 18 ff_georgia } 88 | div.margin{width:25%;max-width:350px;min-width:200px;height:50px; flol mar 0 } 89 | aside{ position : relative; mart 0;width:100%;background-image:image_fond couleur_dominante_moyenne; fs 16 min-height: 87%;height:87%; } 90 | p.home_msg{fs 22 effet_txt #BBB pad 25px} 91 | aside .pagination{txtc mart 15} 92 | aside .pagination em{curarro disib pad 3 fs 18 mar 3 height:25px;width:25px; lh 16 roundc arrondi background-color:transparent_15pc;} 93 | aside .pagination a.pagination_link{disib pad 3 fs 18 mar 3 height:25px;width:25px; lh 16 roundc arrondi} 94 | aside .pagination a.pagination_link:hover{background-color:transparent_15pc;} 95 | footer{txtr width:100%; height:50px;padr 10} 96 | footer p.conf{} 97 | 98 | .corps{flol pad 10 width:74%; mar 0 min-width:580px; marb 30 min-height: 100%; } 99 | .snippet_content{padb 10 width:100%;} 100 | .snippet_content .origine,.snippet_content p{marl 25 padl 5 padb 5;} 101 | .tag_cloud {padl 5 padr 5} 102 | .tag_cloud a.checked{border:1px solid red;} 103 | .add_snippet{ pad 10 background:transparent_15pc; roundbottom arrondi} 104 | .corps label{mart 15 disib width:100%;effet_txt #eee } 105 | .corps #config label:before{content:"▸ ";} 106 | .corps #config textarea{height:150px;} 107 | .corps input.pack+label{curhand } 108 | .corps input.pack+label:hover{color:couleur_foncee_bouton; } 109 | .buttons input.pack {flor mart 10} 110 | button.pack{ width:100%;} 111 | pre.logfile{effet_txt color:white;background-color: #888;roundc 5 } 112 | pre.logfile em.warning{color:#f00;} 113 | pre.logfile em.ok{color:#0f0;} 114 | /* FORMS & BUTTONS (INCLUDING ALL ELEMENTS WITH BUTTON ASPECT: A H1 etc) */ 115 | #import,#replace{disib } 116 | 117 | /* Normal */ 118 | input[type=checkbox]+label,input[type=radio]+label{disib width:auto;} 119 | #multiselect{hideme} 120 | #multiselect+label{ width:100%;} 121 | .multiselect{background-color:rgba(100,100,100,0.5)!important;} 122 | .multiselect:hover{background-color:rgba(100,100,100,0.9)!important;} 123 | 124 | .filter{disbl width:100%;} 125 | select{curhand background-color:couleur_dominante_moyenne!important;width:100%;pad 3 color:couleur_texte;roundc arrondi effet_box } 126 | textarea{disib height: 500px; noresiz} 127 | .bookmarklet textarea{height:200px;} 128 | 129 | 130 | textarea, 131 | input[type=text], 132 | input[type=password] 133 | {width:100%;pad 3 outline:none;background-color:transparent_15pc!important;color:couleur_texte;roundc arrondi effet_box } 134 | 135 | .tags a, button, 136 | .add_snippet .tags label, 137 | nav .tag_cloud a, 138 | input[type="button"], 139 | input[type="reset"], 140 | input[type="submit"], 141 | .multiselect, 142 | input[type=file] + label, 143 | .bookmarklet_link a, 144 | a.button 145 | { 146 | *overflow: visible; line-height: normal; vertical-align: middle; 147 | noselect mar 0 mart 1 fs 16 disib roundc arrondi effet_bouton effet_txt underoff 148 | color:inherit; font:inherit; padding:0.45em 0.6em; 149 | white-space:nowrap; 150 | } 151 | 152 | h1.toggle_next{ 153 | mar 0 fs 18 disbl pad 5 underoff roundc 2 effet_txt; effet_bouton 154 | vertical-align: middle; 155 | color:inherit; font:inherit; 156 | white-space:normal; 157 | } 158 | h1.add{effet_bouton background-position: 4px 9px!important; padl 25} 159 | 160 | button.suppr, 161 | button.txt, 162 | button.edit, 163 | button.public, 164 | button.prive 165 | {flor mart 6 height:22px;width:22px;pad 2 border:none; box-shadow: none;} 166 | button.suppr{background-position: 3px -502px!important;marr 5} 167 | button.edit{background-position: 2px -704px!important;} 168 | button.txt{background-position: 2px -1321px!important;} 169 | button.public{background-position: 2px -1523px!important;} 170 | button.prive{background-position: 2px -1422px!important;} 171 | .tag_cloud a.filter{width:100%;} 172 | 173 | input[type=file] + label{width:auto;} 174 | #import_file + label{mar 1 height:40px;background-position: 5px 12px!important;background-color:rgba(50,250,50,0.5)!important;padl 25 } 175 | #import_file + label:hover{background-color:rgba(50,200,100,0.9)!important;} 176 | #replace_file + label{mar 1 height:40px;background-position: 5px -392px!important;background-color:rgba(250,30,30,0.5)!important;padl 25 } 177 | #replace_file + label:hover{background-color:rgba(250,30,30,0.9)!important;} 178 | input[type=button].backup{mar 1 height:40px;background-position: 5px -89px!important;background-color:rgba(50,250,50,0.5)!important; padl 25px!important } 179 | input[type=button].backup:hover{background-color:rgba(50,200,100,0.9)!important;} 180 | .restore{mar 1 height:40px;background:url(favicon.png) right center no-repeat rgba(250,30,30,0.5)!important;padr 30px!important } 181 | .restore:hover{background-color:rgba(250,30,30,0.9)!important;} 182 | .log{mar 1 height:40px;background-color:rgba(50,80,250,0.5)!important;} 183 | .log:hover{background-color:rgba(50,80,250,0.9)!important;} 184 | } 185 | 186 | /* Hover */ 187 | select:hover, 188 | input[type=text]:hover, 189 | input[type=password]:hover, 190 | textarea:hover 191 | {border:1px solid white!important;color:white;} 192 | 193 | .tags a:hover, 194 | .add_snippet .tags label:hover, 195 | nav .tag_cloud a:hover, 196 | input[type="button"]:hover, 197 | input[type="reset"]:hover, 198 | input[type="submit"]:hover, 199 | .button:hover, 200 | .multiselect:hover{ background-color:couleur_hover;color:black;} 201 | 202 | button.edit:hover, 203 | footer a:hover, 204 | button.prive:hover, 205 | button.public:hover 206 | {background-color:couleur_hover;color:black;boxhalo couleur_hover} 207 | .suppr:hover{background-color:couleur_alert!important;boxhalo couleur_alert} 208 | .txt:hover{background-color:couleur_success!important;boxhalo couleur_success} 209 | 210 | button:hover, 211 | h1.toggle_next:hover 212 | {background-color: couleur_hover!important;} 213 | h1.toggle_next:hover{color: white!important;} 214 | 215 | /* Focus */ 216 | select:focus, 217 | input[type=text]:focus, 218 | input[type=password]:focus, 219 | textarea:focus 220 | {background-color:couleur_focus!important; color:black;outline:none;} 221 | 222 | /* Clicked */ 223 | .tags a:active, 224 | button:active , 225 | .add_snippet .tags label:active, 226 | nav .tag_cloud a:active, 227 | input[type="button"]:active, 228 | input[type="reset"]:active, 229 | input[type="submit"]:active, 230 | .button:active, 231 | .multiselect:active, 232 | input[type=file] + label:active{ 233 | effet_box box-shadow:none;border:1px solid white!important; 234 | background-color: couleur_foncee_bouton!important; 235 | noselect 236 | 237 | } 238 | input:checked + label{ 239 | color:black!important; fs 22px!important;border:1px solid black!important;insethalo #000 240 | } 241 | 242 | 243 | 244 | .snippet_content p a{ pad 3 fs 16!important smallcaps} 245 | .snippet_content p.infos{txti txtl fs 12 effet_txt pad 0 mar 0 padr 10} 246 | 247 | 248 | h1.titre{fs 28 roundc arrondi marb 20 pad 5 txtc smallcaps} 249 | 250 | 251 | 252 | .snippet_content{roundbottom arrondi effet_box background:image_fond couleur_dominante_sombre;marr 10} 253 | .add_snippet li{list-style: none;} 254 | .add_snippet .tags{pad 10 marb 10 } 255 | .add_snippet .tags label{ pad 5 curhand fs 16!important } 256 | .add_snippet .tags input[type=checkbox],.add_snippet .tags input[type=radio]{hideme} 257 | .add_snippet .tags input[type=checkbox]:hover, .add_snippet .tags input[type=radio]:hover{border-color:couleur_hover; } 258 | .add_snippet .tags input:checked + label{} 259 | 260 | 261 | 262 | 263 | 264 | 265 | /* LINKS */ 266 | a{color:couleur_lien; underoff effet_txt } 267 | a:focus { outline: thin dotted #333; outline: 5px auto; -webkit-focus-ring-color; outline-offset: -2px;} 268 | a:hover { outline: 0; color:couleur_hover;} 269 | a:active { outline: 0;color:white;} 270 | a.warning {disib roundc arrondi padl 3 padr 3 color: couleur_text_warning;} 271 | a.error {disib roundc arrondi padl 3 padr 3 color: couleur_text_alert;} 272 | a.info {disib roundc arrondi padl 3 padr 3 color: couleur_text_info;} 273 | a.success {disib roundc arrondi padl 3 padr 3 color: couleur_text_success;} 274 | a.adr{background-position: 10px -1007px!important; padl 30px!important marl 15} 275 | p.embed{background-position: 9px -600px!important;color:couleur_texte; effet_txt; padl 30px!important mart 5 marr 20 marl 20px!important roundc arrondi effet_box fs 12} 276 | 277 | /* MISC CLASSES */ 278 | .hidden,.tag_cloud a.hidden,.tag_cloud label.hidden {hideme} 279 | .ghost{hideme!important width:0;height:0;} 280 | p.alert,p.error{background-color:couleur_alert;color:couleur_text_alert;mart 10 pad 10 boxhalo couleur_alert roundc arrondi txtshadow} 281 | p.success{background-color:couleur_success;color:couleur_text_success;mart 10 pad 10 boxhalo couleur_success roundc arrondi txtshadow} 282 | p.info{background-color:couleur_info;color:couleur_text_info;mart 10 pad 10 boxhalo couleur_info roundc arrondi txtshadow} 283 | p.warning{background-color:couleur_warning;color:couleur_text_warning;mart 10 pad 10 boxhalo couleur_warning roundc arrondi txtshadow} 284 | .toggle_next{effet_txt txtb curhand noselect} 285 | .toggle_next:before{content:" ▾";lh 20} 286 | .right{txtr!important} 287 | p.rss{disib background-position: 4px -1624px!important; padl 22 roundc arrondi} 288 | 289 | .button_prive{background-color:rgba(250,50,0,0.5)!important;} 290 | .button_prive:hover{background-color:rgba(250,50,0,0.9)!important;} 291 | .button_public{background-color:rgba(0,250,0,0.5)!important;} 292 | .button_public:hover{background-color:rgba(0,250,0,0.9)!important;} 293 | 294 | .bookmarklet_link{txtc fs 12 txti} 295 | .bookmarklet_link a {padding:0 2px 0 2px;} 296 | 297 | 298 | 299 | 300 | /* tags styles here */ 301 | /* H1.tag / .button_tag{style};*/ 302 | h1.php,.button_php{background-color:rgba(150,0,200,0.5)!important;} 303 | h1.php:hover,.button_php:hover{background-color:rgba(150,0,200,0.9)!important;} 304 | h1.cpp,.button_cpp{background-color:rgba(30,30,90,0.5)!important;} 305 | h1.cpp:hover,.button_cpp:hover{background-color:rgba(30,30,90,0.8)!important;} 306 | h1.csharp,.button_csharp{background-color:rgba(30,90,30,0.5)!important;} 307 | h1.csharp:hover,.button_csharp:hover{background-color:rgba(30,90,30,0.9)!important;} 308 | h1.python,.button_python{background-color:rgba(200,100,0,0.5)!important;} 309 | h1.python:hover,.button_python:hover{background-color:rgba(200,100,0,1)!important;} 310 | h1.jquery, .button_jquery{background-color:rgba(0,130,200,0.5)!important;} 311 | h1.jquery:hover, .button_jquery:hover{background-color:rgba(0,130,200,0.9)!important;} 312 | h1.css,h1.css3, h1.html, h1.html5,.button_css,.button_css3,.button_html,.button_html5{background-color:rgba(0,150,0,0.5)!important;} 313 | h1.css:hover,h1.css3:hover, h1.html:hover,h1.html5:hover, .button_css:hover,.button_css3:hover,.button_html:hover,.button_html5:hover{background-color:rgba(0,120,0,0.9)!important;} 314 | h1.js, h1.javascript,.button_js,.button_javascript{background-color:rgba(0,50,250,0.5)!important;} 315 | h1.js:hover, h1.javascript:hover,.button_js:hover,.button_javascript:hover{background-color:rgba(0,50,250,0.9)!important;} 316 | h1.shell,.button_shell{background-color:rgba(0,193,145,0.5)!important;} 317 | h1.shell:hover,.button_shell:hover{background-color:rgba(0,193,145,1)!important;} 318 | h1.batch,.button_batch{background-color:rgba(102,150,173,0.5)!important;} 319 | h1.batch:hover,.button_batch:hover{background-color:rgba(102,150,173,1)!important;} 320 | 321 | /* TRANSITIONS */ 322 | /* fixed in one shot */ 323 | button,label, input, textarea, a,h1{transitall delai} 324 | button:hover,label:hover, input:hover, textarea:hover,a:hover, h1:hover{transitall delai} 325 | label:focus, input:focus, textarea:focus,a:focus{transitall delai} 326 | button:active,label:active, input:active, textarea:active,a:active, h1:active{transitall delai} 327 | 328 | 329 | 330 | /* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ 331 | RESPONSIVE MEDIAQUERIES 332 | changer les tailles de polices et virer les floats sur les col 333 | changer les formats des first et last of type pour supprimer les coins spéciaux toolbar 334 | small tablet landscape */ 335 | @all max 800 { 336 | html{fs 50%} 337 | .nomobile, .margin{hideme} 338 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 339 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 340 | .corps{width:100%;min-width:320px;} 341 | } 342 | @all max 320 { 343 | html{fs 50%} 344 | .nomobile, .margin{hideme} 345 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 346 | nav a{fs 20px} 347 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 348 | .corps{width:100%;min-width:320px;} 349 | } 350 | @all dmax 800 { 351 | html{fs 50%} 352 | .nomobile, .margin{hideme} 353 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 354 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 355 | .corps{width:100%;min-width:320px;} 356 | } 357 | @all dmax 320 { 358 | html{fs 50%} 359 | .nomobile, .margin{hideme} 360 | nav{width:100%!important; position:relative!important;height:auto;txtc clear:both;overflow:hidden;max-width:100%;padb 10} 361 | nav a{fs 20px} 362 | aside{ clear:both; width:100%;mar 0 min-width:320px;} 363 | .corps{width:100%;min-width:320px;} 364 | } 365 | /* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 366 | */ -------------------------------------------------------------------------------- /theme/white_flat/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/white_flat/sprite.png -------------------------------------------------------------------------------- /theme/white_flat/subtle_grunge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/white_flat/subtle_grunge.png -------------------------------------------------------------------------------- /theme/white_halo/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/white_halo/favicon.png -------------------------------------------------------------------------------- /theme/white_halo/favicon2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/white_halo/favicon2.png -------------------------------------------------------------------------------- /theme/white_halo/index.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /theme/white_halo/sprite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/white_halo/sprite.png -------------------------------------------------------------------------------- /theme/white_halo/subtle_grunge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/broncowdd/SnippetVamp/35b2bcee5fdf41b4ea30c2d131b7f1bbf785370f/theme/white_halo/subtle_grunge.png --------------------------------------------------------------------------------