much needed depiction updates. Uniform depiction styling!
This commit is contained in:
MPG13
parent
d15b18a8a0
commit
0f2e5a16e4
14 changed files with 1564 additions and 452 deletions
BIN
click here.png
BIN
click here.png
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
119
css/buttons.css
119
css/buttons.css
|
|
@ -1,119 +0,0 @@
|
||||||
.fa {
|
|
||||||
padding: 20px;
|
|
||||||
font-size: 30px;
|
|
||||||
width: 30px;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
margin: 5px 2px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa:hover {
|
|
||||||
opacity: 0.7;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-facebook {
|
|
||||||
background: #3B5998;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-twitter {
|
|
||||||
background: #55ACEE;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-google {
|
|
||||||
background: #dd4b39;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-linkedin {
|
|
||||||
background: #007bb5;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-youtube {
|
|
||||||
background: #bb0000;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-instagram {
|
|
||||||
background: #125688;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-pinterest {
|
|
||||||
background: #cb2027;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-snapchat-ghost {
|
|
||||||
background: #fffc00;
|
|
||||||
color: white;
|
|
||||||
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-skype {
|
|
||||||
background: #00aff0;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-android {
|
|
||||||
background: #a4c639;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-dribbble {
|
|
||||||
background: #ea4c89;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-vimeo {
|
|
||||||
background: #45bbff;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-tumblr {
|
|
||||||
background: #2c4762;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-vine {
|
|
||||||
background: #00b489;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-foursquare {
|
|
||||||
background: #45bbff;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-stumbleupon {
|
|
||||||
background: #eb4924;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-flickr {
|
|
||||||
background: #f40083;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-yahoo {
|
|
||||||
background: #430297;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-soundcloud {
|
|
||||||
background: #ff5500;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-reddit {
|
|
||||||
background: #ff5700;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa-rss {
|
|
||||||
background: #ff6600;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
1116
css/style.css
1116
css/style.css
File diff suppressed because it is too large
Load diff
210
css/w3.css
210
css/w3.css
|
|
@ -1,210 +0,0 @@
|
||||||
/* W3.CSS 4.04 Apr 2017 by Jan Egil and Borge Refsnes */
|
|
||||||
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
|
|
||||||
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
|
|
||||||
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
|
|
||||||
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
|
|
||||||
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
|
|
||||||
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
|
|
||||||
a{background-color:transparent;-webkit-text-decoration-skip:objects}
|
|
||||||
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
|
|
||||||
dfn{font-style:italic}mark{background:#ff0;color:#000}
|
|
||||||
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
|
|
||||||
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
|
|
||||||
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
|
|
||||||
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
|
|
||||||
button,input{overflow:visible}button,select{text-transform:none}
|
|
||||||
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
|
|
||||||
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
|
|
||||||
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
|
|
||||||
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
|
|
||||||
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
|
|
||||||
[type=checkbox],[type=radio]{padding:0}
|
|
||||||
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
|
|
||||||
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
|
|
||||||
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
|
|
||||||
::-webkit-input-placeholder{color:inherit;opacity:0.54}
|
|
||||||
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
|
|
||||||
/* End extract */
|
|
||||||
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
|
|
||||||
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
|
|
||||||
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
|
|
||||||
hr{border:0;border-top:1px solid #eee;margin:20px 0}
|
|
||||||
.w3-image{max-width:100%;height:auto}img{margin-bottom:-5px}a{color:inherit}
|
|
||||||
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
|
|
||||||
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
|
|
||||||
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
|
|
||||||
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
|
|
||||||
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
|
|
||||||
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
|
|
||||||
.w3-btn,.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
|
|
||||||
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
|
|
||||||
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
|
||||||
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
|
|
||||||
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
|
|
||||||
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
|
|
||||||
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
|
|
||||||
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
|
|
||||||
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
|
|
||||||
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
|
|
||||||
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
|
|
||||||
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
|
|
||||||
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
|
|
||||||
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
|
|
||||||
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
|
|
||||||
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
|
|
||||||
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
|
|
||||||
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
|
|
||||||
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
|
|
||||||
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
|
|
||||||
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
|
|
||||||
.w3-main,#main{transition:margin-left .4s}
|
|
||||||
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
|
|
||||||
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
|
|
||||||
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
|
|
||||||
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block}
|
|
||||||
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
|
|
||||||
.w3-bar .w3-button{white-space:normal}
|
|
||||||
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal;float:none}
|
|
||||||
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
|
|
||||||
.w3-responsive{overflow-x:auto}
|
|
||||||
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
|
|
||||||
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
|
|
||||||
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
|
|
||||||
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
|
|
||||||
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
|
|
||||||
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
|
|
||||||
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
|
|
||||||
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
|
|
||||||
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
|
|
||||||
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
|
|
||||||
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
|
|
||||||
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
|
|
||||||
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
|
|
||||||
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
|
|
||||||
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
|
|
||||||
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
|
|
||||||
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
|
|
||||||
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
|
|
||||||
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
|
|
||||||
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
|
|
||||||
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
|
|
||||||
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
|
|
||||||
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
|
|
||||||
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
|
|
||||||
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
|
|
||||||
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
|
|
||||||
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
|
|
||||||
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
|
|
||||||
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
|
|
||||||
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
|
|
||||||
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
|
|
||||||
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
|
|
||||||
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
|
|
||||||
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
|
|
||||||
.w3-display-position{position:absolute}
|
|
||||||
.w3-circle{border-radius:50%}
|
|
||||||
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
|
|
||||||
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
|
|
||||||
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
|
|
||||||
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
|
|
||||||
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
|
|
||||||
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
|
|
||||||
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
|
|
||||||
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
|
|
||||||
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
|
|
||||||
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
|
|
||||||
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
|
|
||||||
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
|
|
||||||
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
|
|
||||||
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
|
|
||||||
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
|
|
||||||
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
|
|
||||||
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
|
|
||||||
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
|
|
||||||
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
|
|
||||||
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
|
|
||||||
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
|
|
||||||
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
|
|
||||||
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
|
|
||||||
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
|
|
||||||
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
|
|
||||||
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
|
|
||||||
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
|
|
||||||
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
|
|
||||||
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
|
|
||||||
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
|
|
||||||
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
|
|
||||||
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
|
|
||||||
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
|
|
||||||
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
|
|
||||||
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
|
|
||||||
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
|
|
||||||
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
|
|
||||||
.w3-left{float:left!important}.w3-right{float:right!important}
|
|
||||||
.w3-button:hover{color:#000!important;background-color:#ccc!important}
|
|
||||||
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
|
|
||||||
.w3-hover-none:hover{box-shadow:none!important}
|
|
||||||
/* Colors */
|
|
||||||
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
|
|
||||||
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
|
|
||||||
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
|
|
||||||
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
|
|
||||||
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
|
|
||||||
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
|
|
||||||
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
|
|
||||||
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
|
|
||||||
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
|
|
||||||
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
|
|
||||||
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
|
|
||||||
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
|
|
||||||
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
|
|
||||||
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
|
|
||||||
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
|
|
||||||
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
|
|
||||||
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
|
|
||||||
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
|
|
||||||
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
|
|
||||||
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
|
|
||||||
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
|
|
||||||
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
|
|
||||||
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
|
|
||||||
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#bbb!important}
|
|
||||||
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
|
|
||||||
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
|
|
||||||
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
|
|
||||||
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
|
|
||||||
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
|
|
||||||
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
|
|
||||||
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
|
|
||||||
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
|
|
||||||
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
|
|
||||||
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b!important}
|
|
||||||
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
|
|
||||||
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
|
|
||||||
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
|
|
||||||
.w3-text-amber{color:#ffc107!important}
|
|
||||||
.w3-text-aqua{color:#00ffff!important}
|
|
||||||
.w3-text-light-blue{color:#87CEEB!important}
|
|
||||||
.w3-text-brown{color:#795548!important}
|
|
||||||
.w3-text-cyan{color:#00bcd4!important}
|
|
||||||
.w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b!important}
|
|
||||||
.w3-text-light-green{color:#8bc34a!important}
|
|
||||||
.w3-text-indigo{color:#3f51b5!important}
|
|
||||||
.w3-text-khaki{color:#b4aa50!important}
|
|
||||||
.w3-text-lime{color:#cddc39!important}
|
|
||||||
.w3-text-orange{color:#ff9800!important}
|
|
||||||
.w3-text-deep-orange{color:#ff5722!important}
|
|
||||||
.w3-text-pink{color:#e91e63!important}
|
|
||||||
.w3-text-purple{color:#9c27b0!important}
|
|
||||||
.w3-text-deep-purple{color:#673ab7!important}
|
|
||||||
.w3-text-sand{color:#fdf5e6!important}
|
|
||||||
.w3-text-teal{color:#009688!important}
|
|
||||||
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
|
|
||||||
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
|
|
||||||
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
|
|
||||||
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
|
|
||||||
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
|
|
||||||
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
|
|
||||||
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
|
|
||||||
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
|
|
||||||
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}
|
|
||||||
|
|
@ -1,4 +1,71 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Micah Gomez</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../css/style.css">
|
||||||
|
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<script type="text/javascript" src="../js/thankssaurik.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<panel>
|
||||||
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>Requires Springy to be installed</p>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>A springy animation which makes it appear as if an iPhone is being assembled on screen during the respring process</p>
|
||||||
|
<img src="../images/iAFS.gif" width="350">
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<a href="https://dribbble.com/shots/1596731-iPhone-Build-3" class=" cytyle-in">
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<label>
|
||||||
|
<p>Animation Source</p>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>ChangeLog:
|
||||||
|
<p><strong>1.0</strong>: Inital Release</p>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<a>
|
||||||
|
<img class="icon" src="../images/logo.png">
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<label>
|
||||||
|
<p>MPG13's Repo</p>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
|
|
||||||
|
</panel>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!--<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Micah Gomez</title>
|
<title>Micah Gomez</title>
|
||||||
|
|
@ -8,7 +75,7 @@
|
||||||
<body>
|
<body>
|
||||||
<center>
|
<center>
|
||||||
<p>
|
<p>
|
||||||
This respring animation is to be used with springy.</p><img src="./images/iAFS.gif"><p>Check out the source GIF of the animation <a href="https://dribbble.com/shots/1596731-iPhone-Build-3">here</a>.
|
This respring animation is to be used with springy.</p><img src="../images/iAFS.gif"><p>Check out the source GIF of the animation <a href="https://dribbble.com/shots/1596731-iPhone-Build-3">here</a>.
|
||||||
<p style="font-size:100%;">MPG13's repo</p></center>
|
<p style="font-size:100%;">MPG13's repo</p></center>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,47 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Micah Gomez</title>
|
<title>Micah Gomez</title>
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
<link rel="stylesheet" type="text/css" href="../css/style.css">
|
||||||
<link rel="stylesheet" type="text/css" href="../css/style.css">
|
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||||
</head>
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<body>
|
<script type="text/javascript" src="../js/thankssaurik.js"></script>
|
||||||
<center>
|
</head>
|
||||||
<p>
|
<body>
|
||||||
It's an app. What does it do? It's a secret.</p>
|
<panel>
|
||||||
<p style="font-size:100%;">MPG13's repo</p></center>
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>Compatible with iOS 9+ (I think)</p>
|
||||||
</div>
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>It's an app. What does it do though?</p>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>ChangeLog:
|
||||||
|
<p><strong>1.1</strong>: Inital Release</p>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<a>
|
||||||
|
<img class="icon" src="../images/logo.png">
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<label>
|
||||||
|
<p>MPG13's Repo</p>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
</body>
|
|
||||||
|
</panel>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -1,4 +1,71 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Micah Gomez</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../css/style.css">
|
||||||
|
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<script type="text/javascript" src="../js/thankssaurik.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<panel>
|
||||||
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>Requires Springy to be installed</p>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>A springy animation which makes it appear as if an iPhone is being assembled on screen during the respring process. This version is adapted for dark-faced iPhone models.</p>
|
||||||
|
<img src="../images/iAFS.gif" width="350">
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<a href="https://dribbble.com/shots/1596731-iPhone-Build-3" class=" cytyle-in">
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<label>
|
||||||
|
<p>Animation Source</p>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>ChangeLog:
|
||||||
|
<p><strong>1.0</strong>: Inital Release</p>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<a>
|
||||||
|
<img class="icon" src="../images/logo.png">
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<label>
|
||||||
|
<p>MPG13's Repo</p>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
|
|
||||||
|
</panel>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!--<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Micah Gomez</title>
|
<title>Micah Gomez</title>
|
||||||
|
|
@ -8,7 +75,7 @@
|
||||||
<body>
|
<body>
|
||||||
<center>
|
<center>
|
||||||
<p>
|
<p>
|
||||||
This respring animation is to be used with springy.</p><p style="font-size:150%;">This version is adapted to work with dark-paneled iPhones</p><img src="./images/iAFS.gif"><p>Check out the source GIF of the animation <a href="https://dribbble.com/shots/1596731-iPhone-Build-3">here</a>.
|
This respring animation is to be used with springy.</p><img src="../images/iAFS.gif"><p>Check out the source GIF of the animation <a href="https://dribbble.com/shots/1596731-iPhone-Build-3">here</a>.
|
||||||
<p style="font-size:100%;">MPG13's repo</p></center>
|
<p style="font-size:100%;">MPG13's repo</p></center>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,22 +1,54 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>Micah Gomez</title>
|
<title>Micah Gomez</title>
|
||||||
<link rel="stylesheet" type="text/css" href="../css/style.css">
|
<link rel="stylesheet" type="text/css" href="../css/style.css">
|
||||||
</head>
|
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||||
<body>
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<center>
|
<script type="text/javascript" src="../js/thankssaurik.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<panel>
|
||||||
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>Compatible with iOS 11</p>
|
||||||
|
<p>Requires iPhone X, or a tweak that enables the iPhone X status bar</p>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>UnderTime allows you to fully customize the date string in the iPhone X status bar. You can add an extra line, change the font size/color, change te date format, or set it to a cusom string!</p>
|
||||||
|
<img src="../images/undertime.PNG" width="250">
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>ChangeLog:
|
||||||
|
<p><strong>1.5.1</strong>: Preference panel updates. Hopefully this will prompt users to set up the tweak.</p>
|
||||||
|
<p><strong>1.5</strong>: Fixed bugs from version 1.5, added warnings to prevent others. Included preference file during installation so tweak loads correctly without changing preferences manually. Added ability to customize color with HEX codes.</p>
|
||||||
|
<p><strong>1.4</strong>: Fixed seconds not updating. Only works in springboard or in apps. LS and CC doesn't update seconds</p>
|
||||||
|
<p><strong>1.3</strong>: Fixed duplicate date bug, added option to customize first line of text, option to customize single line of text, option to use plaintext</p>
|
||||||
|
<p><strong>1.2</strong>: Added many customization options (Font size, replace date option)</p>
|
||||||
|
<p><strong>1.1</strong>: Inital Release</p>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<a>
|
||||||
|
<img class="icon" src="../images/logo.png">
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<label>
|
||||||
|
<p>MPG13's Repo</p>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</fieldset>
|
||||||
|
|
||||||
<p>UnderTime allows you to place a customizable date underneath the time in the iPhone X's status bar.</p><p style="font-size:125%">See the top-left of the screenshot below<p><img width="50%" src="./images/undertime.PNG">
|
|
||||||
<p>SET UP THE TWEAK IN SETTINGS</p>
|
</panel>
|
||||||
<hr>
|
</body>
|
||||||
<p>Changelog:</p>
|
|
||||||
<p style="font-size:75%">1.5.1: Preference panel updates. Hopefully this will prompt users to set up the tweak.</p><hr>
|
|
||||||
<p style="font-size:75%">1.5: Fixed bugs from version 1.5, added warnings to prevent others. Included preference file during installation so tweak loads correctly without changing preferences manually. Added ability to customize color with HEX codes.</p><hr>
|
|
||||||
<p style="font-size:75%">1.4: Fixed seconds not updating. Only works in springboard or in apps. LS and CC doesn't update seconds</p><hr>
|
|
||||||
<p style="font-size:75%">1.3: Fixed duplicate date bug, added option to customize first line of text, option to customize single line of text, option to use plaintext</p><br><p style="font-size:75%">I'd like to thank a few people for helping with the development of this tweak. NeinZedd9 for the original code, Justin Proulx (Sn0wCh1ld) for helping me start my iOS development journey, and Tateu for helping me fix a few of the errors in my code.</p><br><p style="font-size:75%">Thanks everyone, and all my users for their support!</p><hr>
|
|
||||||
<p style="font-size:75%">1.2: Added many customization options (Font size, replace date option)</p><hr>
|
|
||||||
<p style="font-size:75%">1.1: Inital Release</p><hr>
|
|
||||||
<p style="font-size:100%;">MPG13's repo</p></center>
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
BIN
images/cydia.png
Normal file
BIN
images/cydia.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
BIN
images/logo.png
Normal file
BIN
images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
64
index.html
64
index.html
|
|
@ -1,25 +1,47 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html lang="en" class=" cytyle-flat">
|
||||||
<head>
|
<head>
|
||||||
<title>Micah Gomez</title>
|
<meta charset="utf-8">
|
||||||
<link rel="shortcut icon" href="images/logo.ico">
|
<title>Micah Gomez</title>
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
<link rel="shortcut icon" href="images/logo.ico">
|
||||||
<link rel="stylesheet" type="text/css" href="css/style.css">
|
<link rel="stylesheet" type="text/css" href="./css/style.css">
|
||||||
<link rel="stylesheet" type="text/css" href="css/buttons.css">
|
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||||
</head>
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<body>
|
<script type="text/javascript" src="./js/thankssaurik.js"></script>
|
||||||
|
</head>
|
||||||
|
<body class="pinstripe">
|
||||||
|
<br>
|
||||||
|
<panel>
|
||||||
|
|
||||||
<ul>
|
<label>Links</label>
|
||||||
<li><a class="active" href="https://mpg13.github.io">My Home Page</a></li>
|
<fieldset>
|
||||||
</ul>
|
<a href="cydia://url/https://cydia.saurik.com/api/share#?source=https://mpg13.github.io/repo/" class=" cytyle-in">
|
||||||
<center>
|
<img class="icon" src="./images/cydia.png">
|
||||||
<br>
|
<div>
|
||||||
<br>
|
<div>
|
||||||
<br>
|
<label>
|
||||||
<p>So, you want to add my repo?</p>
|
<p>Open In Cydia</p>
|
||||||
<a href="cydia://url/https://cydia.saurik.com/api/share#?source=https://mpg13.github.io/repo"><img src="./click%20here.png"</img></a>
|
</label>
|
||||||
</center>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</a>
|
||||||
|
<a href="https://mpg13.github.io" class=" cytyle-in">
|
||||||
|
<img class="icon" src="./images/logo.png">
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<label>
|
||||||
|
<p>My Homepage</p>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</fieldset>
|
||||||
|
<label>About</label>
|
||||||
|
<fieldset>
|
||||||
|
<div>
|
||||||
|
<p>Welcome to my Cydia Repo! Here you'll find a few of my projects. It's a wild assortment, so take a look! Maybe you'll find something you like!</p>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
</panel>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
232
js/thankssaurik.js
Normal file
232
js/thankssaurik.js
Normal file
|
|
@ -0,0 +1,232 @@
|
||||||
|
/* Cytyle - iOS Interface Cascading Style Sheet
|
||||||
|
* Copyright (C) 2007-2013 Jay Freeman (saurik)
|
||||||
|
*/
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
var uncytyle = function(e, d) {
|
||||||
|
e.className = e.className.replace(new RegExp('(\\s|^)' + d + '(\\s|$)'), ' ');
|
||||||
|
};
|
||||||
|
|
||||||
|
var find = function(e) {
|
||||||
|
for (var item = e.target; item != null && item.nodeName != 'A'; item = item.parentNode);
|
||||||
|
if (item != null && item.href == '')
|
||||||
|
return null;
|
||||||
|
return item;
|
||||||
|
};
|
||||||
|
|
||||||
|
if ('ontouchstart' in document.documentElement) {
|
||||||
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
FastClick.attach(document.body);
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var item = find(e);
|
||||||
|
if (item == null)
|
||||||
|
return;
|
||||||
|
|
||||||
|
if (typeof cydia != 'undefined')
|
||||||
|
if (item.href.substr(0, 32) == 'http://cydia.saurik.com/package/')
|
||||||
|
item.href = 'cydia://package/' + item.href.substr(32);
|
||||||
|
|
||||||
|
item.className += ' cytyle-dn';
|
||||||
|
uncytyle(item, 'cytyle-in');
|
||||||
|
});
|
||||||
|
}, false);
|
||||||
|
|
||||||
|
var timeout = null;
|
||||||
|
var clear = function() {
|
||||||
|
if (timeout == null)
|
||||||
|
return;
|
||||||
|
clearTimeout(timeout);
|
||||||
|
timeout = null;
|
||||||
|
};
|
||||||
|
|
||||||
|
document.addEventListener('touchstart', function(e) {
|
||||||
|
var item = find(e);
|
||||||
|
if (item == null)
|
||||||
|
return;
|
||||||
|
|
||||||
|
uncytyle(item, 'cytyle-up');
|
||||||
|
timeout = setTimeout(function() {
|
||||||
|
if (timeout != null)
|
||||||
|
item.className += ' cytyle-in';
|
||||||
|
}, 50);
|
||||||
|
});
|
||||||
|
|
||||||
|
var stop = function(e) {
|
||||||
|
var item = find(e);
|
||||||
|
if (item == null)
|
||||||
|
return;
|
||||||
|
|
||||||
|
clear();
|
||||||
|
uncytyle(item, 'cytyle-in');
|
||||||
|
};
|
||||||
|
|
||||||
|
document.addEventListener('touchmove', stop);
|
||||||
|
document.addEventListener('touchend', stop);
|
||||||
|
} else {
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
var item = find(e);
|
||||||
|
if (item == null)
|
||||||
|
return;
|
||||||
|
item.className += ' cytyle-dn';
|
||||||
|
uncytyle(item, 'cytyle-in');
|
||||||
|
});
|
||||||
|
|
||||||
|
document.addEventListener('mousedown', function(e) {
|
||||||
|
var item = find(e);
|
||||||
|
if (item == null)
|
||||||
|
return;
|
||||||
|
|
||||||
|
uncytyle(item, 'cytyle-up');
|
||||||
|
item.className += ' cytyle-in';
|
||||||
|
});
|
||||||
|
|
||||||
|
var stop = function(e) {
|
||||||
|
var item = find(e);
|
||||||
|
if (item == null)
|
||||||
|
return;
|
||||||
|
|
||||||
|
uncytyle(item, 'cytyle-in');
|
||||||
|
};
|
||||||
|
|
||||||
|
document.addEventListener('mousemove', stop);
|
||||||
|
document.addEventListener('mouseup', stop);
|
||||||
|
}
|
||||||
|
|
||||||
|
var wipe = function(e) {
|
||||||
|
var items = document.getElementsByClassName('cytyle-dn');
|
||||||
|
for (var i = items.length, e = 0; i != e; --i) {
|
||||||
|
var item = items.item(i - 1);
|
||||||
|
uncytyle(item, 'cytyle-in');
|
||||||
|
item.className += ' cytyle-up';
|
||||||
|
uncytyle(item, 'cytyle-dn');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
var page = function(e) {
|
||||||
|
window.removeEventListener('pageshow', page);
|
||||||
|
window.addEventListener('pageshow', wipe);
|
||||||
|
};
|
||||||
|
|
||||||
|
if (typeof cydia != 'undefined')
|
||||||
|
document.addEventListener("CydiaViewWillAppear", wipe);
|
||||||
|
else if (typeof window.onpageshow != 'undefined')
|
||||||
|
window.addEventListener('pageshow', page);
|
||||||
|
})();
|
||||||
|
|
||||||
|
if (navigator.userAgent.search(/Cydia/) == -1)
|
||||||
|
document.write('<base target="_top"/>');
|
||||||
|
else {
|
||||||
|
document.write('<style type="text/css"> body.pinstripe { background: none !important; } </style>');
|
||||||
|
document.write('<base target="_blank"/>');
|
||||||
|
}
|
||||||
|
|
||||||
|
// XXX: this might just fail on Chrome everywhere, even Mac :(
|
||||||
|
// https://code.google.com/p/chromium/issues/detail?id=168646
|
||||||
|
if (navigator.userAgent.search(/Linux/) != -1)
|
||||||
|
document.write('<style type="text/css"> p { text-rendering: optimizeSpeed !important; } </style>');
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
var cytyle = window.location.search;
|
||||||
|
cytyle = cytyle.match(/^\?cytyle=(.*)$/);
|
||||||
|
|
||||||
|
if (cytyle != null)
|
||||||
|
cytyle = ' cytyle-' + cytyle[1];
|
||||||
|
else {
|
||||||
|
cytyle = navigator.userAgent;
|
||||||
|
cytyle = cytyle.match(/.*; CPU (?:iPhone )?OS ([0-9_]*) like Mac OS X[;)]/);
|
||||||
|
cytyle = cytyle == null ? '7.0' : cytyle[1].replace(/_/g, '.');
|
||||||
|
cytyle = parseInt(cytyle);
|
||||||
|
cytyle = cytyle >= 7 ? ' cytyle-flat' : ' cytyle-faux';
|
||||||
|
}
|
||||||
|
|
||||||
|
var body = document.documentElement;
|
||||||
|
body.className += cytyle;
|
||||||
|
|
||||||
|
if (window.devicePixelRatio && devicePixelRatio >= 2) {
|
||||||
|
var test = document.createElement('div');
|
||||||
|
test.style.border = '.5px solid transparent';
|
||||||
|
body.appendChild(test);
|
||||||
|
if (test.offsetHeight == 1)
|
||||||
|
body.className += ' cytyle-hair';
|
||||||
|
body.removeChild(test);
|
||||||
|
}
|
||||||
|
})();
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
var update = function() {
|
||||||
|
if (window.parent != window)
|
||||||
|
parent.postMessage({cytyle: {name: "iframe-y", value: document.body.scrollHeight}}, "*");
|
||||||
|
};
|
||||||
|
|
||||||
|
window.addEventListener('message', function(event) {
|
||||||
|
var message = event.data.cytyle;
|
||||||
|
if (message == undefined)
|
||||||
|
return;
|
||||||
|
|
||||||
|
switch (message.name) {
|
||||||
|
case "iframe-y":
|
||||||
|
var height = message.value;
|
||||||
|
var iframes = document.getElementsByTagName("iframe");
|
||||||
|
if (iframes.length != 1)
|
||||||
|
return;
|
||||||
|
var iframe = iframes.item(0);
|
||||||
|
iframe.style.height = height + 'px';
|
||||||
|
update();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}, false);
|
||||||
|
|
||||||
|
window.addEventListener('load', update, false);
|
||||||
|
})();
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
var text = document.createElement("span");
|
||||||
|
text.appendChild(document.createTextNode("My"));
|
||||||
|
|
||||||
|
var block = document.createElement("div");
|
||||||
|
block.style.display = "inline-block";
|
||||||
|
block.style.height = "0px";
|
||||||
|
block.style.width = "1px";
|
||||||
|
|
||||||
|
var div = document.createElement("div");
|
||||||
|
div.id = 'cytyle-metric';
|
||||||
|
div.style.lineHeight = "normal";
|
||||||
|
|
||||||
|
div.appendChild(text);
|
||||||
|
div.appendChild(block);
|
||||||
|
|
||||||
|
var body = document.documentElement;
|
||||||
|
body.appendChild(div); try {
|
||||||
|
var full = text.offsetHeight;
|
||||||
|
|
||||||
|
var style = div.currentStyle;
|
||||||
|
if (typeof style == 'undefined')
|
||||||
|
style = window.getComputedStyle(div, null);
|
||||||
|
var font = parseInt(style.fontSize);
|
||||||
|
|
||||||
|
block.style.verticalAlign = "baseline";
|
||||||
|
var base = block.offsetTop - text.offsetTop;
|
||||||
|
// XXX: on iOS 3 I am unable to do this?
|
||||||
|
if (base == 0)
|
||||||
|
base = 14;
|
||||||
|
} finally {
|
||||||
|
body.removeChild(div);
|
||||||
|
}
|
||||||
|
|
||||||
|
var top = base - font * 0.75;
|
||||||
|
|
||||||
|
//var down = (font - base) / font / 2;
|
||||||
|
//alert(down + "em = (" + font + " - " + base + ") / " + font + " / 2");
|
||||||
|
var down = ((full - (base - top)) / 2 - top) / font;
|
||||||
|
//alert(down + "em = ((" + full + " - (" + base + " - " + top + ")) / 2 - " + top + ") / " + font);
|
||||||
|
|
||||||
|
//var over = 4.0; // Modern
|
||||||
|
//var over = 2.5; // Legacy
|
||||||
|
//var over = 3.5; // Chrome
|
||||||
|
//var over = 3.0; // Medium
|
||||||
|
//var desc = font * 0.25;
|
||||||
|
//var down = (desc - over) / font;
|
||||||
|
|
||||||
|
document.write('<style type="text/css"> p, input[type="password"], input[type="text"], select { top: ' + down + 'em; } </style>');
|
||||||
|
})();
|
||||||
Reference in a new issue