Created
June 8, 2012 11:46
-
-
Save zincplusplus/2895183 to your computer and use it in GitHub Desktop.
Thumbnail colorless
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Thumbnail colorless | |
| */ | |
| .thumbnail-colorless { | |
| border-radius: 5px; | |
| background-color: #373839; | |
| box-shadow: 0 1px 5px 1px rgba(0,0,0,.332), | |
| inset 0 0 0 1px rgba(255,255,255,.12); | |
| border: 1px solid rgba(0,0,0,.65); | |
| background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.09) 100%); | |
| } | |
| .thumbnail-colorlessOver { | |
| background-image: linear-gradient(90deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.14) 100%); | |
| } | |
| .thumbnail-colorlessDown { | |
| background-image: linear-gradient(0deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.14) 100%); | |
| } | |
| .thumbnail-colorlessSelected { | |
| background-color: #665A43; | |
| background-image: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.16) 100%); | |
| box-shadow: 0 1px 5px rgba(0,0,0,.31), | |
| inset 0 0 0 1px rgba(255,255,255,.2); | |
| } | |
| .thumbnail-colorlessDisabled { | |
| opacity: 0.2; | |
| } | |
| .vbox { | |
| padding: 100px 2px !important; | |
| text-indent: -99999px; | |
| } | |
| img { | |
| position: absolute; | |
| top: 107px; | |
| left: 521px; | |
| z-index: 99999999999; | |
| opacity: 0; | |
| pointer-events: none; | |
| } | |
| body { | |
| background: #2D2D2D; | |
| } | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <img src="http://cl.ly/1R2C0V3o0K0o2e1z382F/Untitled-1.png" /> | |
| <div class="hbox template-list" style="display: -webkit-box; -webkit-box-orient: horizontal; padding: 11px 0px 7px; box-sizing: border-box; width: auto; margin: 0px; min-width: 0px; min-height: 0px; max-width: 10000px; max-height: 10000px; -webkit-box-pack: start; -webkit-box-align: stretch; "><div style="box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; width: 0px; -webkit-box-flex: 1; "><div style="box-sizing: border-box; -webkit-box-flex: 1; min-width: 1px; min-height: 1px; max-width: 10000px; max-height: 10000px; height: auto; margin: 0px; "></div></div><div class="vbox" style="display: -webkit-box; -webkit-box-orient: vertical; padding: 0px 4px; box-sizing: border-box; min-width: 0px; min-height: 0px; max-width: 10000px; max-height: 10000px; -webkit-box-pack: start; -webkit-box-align: stretch; height: auto; margin: 0px; "><div class="thumbnail-colorless dark grey thumbnail-colorlessDisabled thumbnail-colorlessEmpty thumbnail-colorlessDefault " style="box-sizing: border-box; height: 57px; min-width: 1px; min-height: 1px; max-width: 10000px; max-height: 10000px; width: 90px; margin: 0px; "></div><div class="button-link-dark selected " style="box-sizing: border-box; height: 25px; width: auto; margin: 0px; min-width: 1px; min-height: 1px; max-width: 10000px; max-height: 10000px; ">Template name</div></div><div class="vbox" style="display: -webkit-box; -webkit-box-orient: vertical; padding: 0px 4px; box-sizing: border-box; min-width: 0px; min-height: 0px; max-width: 10000px; max-height: 10000px; -webkit-box-pack: start; -webkit-box-align: stretch; height: auto; margin: 0px; "><div class="thumbnail-colorless dark grey thumbnail-colorlessEmpty " style="box-sizing: border-box; height: 57px; min-width: 1px; min-height: 1px; max-width: 10000px; max-height: 10000px; width: 90px; margin: 0px; "></div><div class="button-link-dark selected " style="box-sizing: border-box; height: 25px; width: auto; margin: 0px; min-width: 1px; min-height: 1px; max-width: 10000px; max-height: 10000px; ">Template name</div></div><div class="vbox" style="display: -webkit-box; -webkit-box-orient: vertical; padding: 0px 4px; box-sizing: border-box; min-width: 0px; min-height: 0px; max-width: 10000px; max-height: 10000px; -webkit-box-pack: start; -webkit-box-align: stretch; height: auto; margin: 0px; "><div class="thumbnail-colorless dark grey thumbnail-colorlessEmpty " style="box-sizing: border-box; height: 57px; min-width: 1px; min-height: 1px; max-width: 10000px; max-height: 10000px; width: 90px; margin: 0px; "></div><div class="button-link-dark selected" style="box-sizing: border-box; height: 25px; width: auto; margin: 0px; min-width: 1px; min-height: 1px; max-width: 10000px; max-height: 10000px; ">Template name</div></div><div class="vbox" style="display: -webkit-box; -webkit-box-orient: vertical; padding: 0px 4px; box-sizing: border-box; min-width: 0px; min-height: 0px; max-width: 10000px; max-height: 10000px; -webkit-box-pack: start; -webkit-box-align: stretch; height: auto; margin: 0px; "><div class="thumbnail-colorless dark grey thumbnail-colorlessSelected thumbnail-colorlessEmpty" style="box-sizing: border-box; height: 57px; min-width: 1px; min-height: 1px; max-width: 10000px; max-height: 10000px; width: 90px; margin: 0px; "></div><div class="button-link-dark selected" style="box-sizing: border-box; height: 25px; width: auto; margin: 0px; min-width: 1px; min-height: 1px; max-width: 10000px; max-height: 10000px; ">Template name</div></div><div class="vbox" style="display: -webkit-box; -webkit-box-orient: vertical; padding: 0px 4px; box-sizing: border-box; min-width: 0px; min-height: 0px; max-width: 10000px; max-height: 10000px; -webkit-box-pack: start; -webkit-box-align: stretch; height: auto; margin: 0px; "><div class="thumbnail-colorless dark grey thumbnail-colorlessEmpty " style="box-sizing: border-box; height: 57px; min-width: 1px; min-height: 1px; max-width: 10000px; max-height: 10000px; width: 90px; margin: 0px; "></div><div class="button-link-dark selected " style="box-sizing: border-box; height: 25px; width: auto; margin: 0px; min-width: 1px; min-height: 1px; max-width: 10000px; max-height: 10000px; ">Template name</div></div><div style="box-sizing: border-box; -webkit-box-orient: vertical; width: 0px; -webkit-box-flex: 1; display: -webkit-box; "><div style="box-sizing: border-box; -webkit-box-flex: 1; height: auto; margin: 0px; min-width: 1px; min-height: 1px; max-width: 10000px; max-height: 10000px; "></div></div></div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment