Skip to content

Instantly share code, notes, and snippets.

@le717
Created August 4, 2014 22:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save le717/4ce7042ddb0e7845ada8 to your computer and use it in GitHub Desktop.
Save le717/4ce7042ddb0e7845ada8 to your computer and use it in GitHub Desktop.
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#353536), to(#000));
background-image: -webkit-gradient(
-webkit-box-shadow: 0px 1px 40px #282828;
background-image: -webkit-gradient(
-webkit-box-shadow:inset 0 0 20px #1a0200;
-webkit-box-shadow:inset 0 0 10px #1a0200;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#8c8c8c), to(#9c9c9c));
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-image: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#4b4b4b), to(#3B3B3B));
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f4f4f), to(#000000));
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);
-webkit-border-radius:5px;
-webkit-border-radius:50px;
-webkit-border-radius:50px;
-webkit-border-radius:50px;
-webkit-border-radius:50px;
-webkit-border-radius:5px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff2f00), to(#9c1800));
-webkit-border-radius:18px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f31300), to(#8b0a00));
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);
-webkit-border-radius:5px;
-webkit-border-radius:2px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f1f1f1));
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.5);
-webkit-border-radius:5px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#888), to(#777));
-webkit-border-radius:3px;
-webkit-border-radius:3px;
background-image: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#d7d7d7), to(#ccc));
-webkit-border-radius:5px;
-webkit-border-radius:5px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);
#product_trailer .play_head{position:absolute; top:30%; left:40%; -webkit-border-radius:24px; background:url(images/play_video.png) no-repeat; width:61px; height:61px;}
-webkit-border-radius:5px;
-webkit-border-radius:15px;
-webkit-box-shadow:inset 0 0 5px #aaa;
-webkit-border-radius:12px;
background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#edebeb), to(#ffffff));
background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#edebeb), to(#ffffff));
background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#edebeb), to(#ffffff));
background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#edebeb), to(#ffffff));
background:-webkit-gradient(linear, 0% 0%, 0% 50%, from(#efefef), to(#f0f0f0));
-webkit-border-radius:3px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c7c7c7), to(#a3a3a3));
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.6);
-webkit-border-radius: 5px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#555656), to(#484949), color-stop(.1,#646464));
-webkit-border-radius: 5px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f31300), to(#8b0a00));
-webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2);
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);
-webkit-transform: rotate(51deg);
-webkit-transform: skew(10deg);
/*background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f31300), to(#8b0a00));*/
background:-webkit-gradient(linear, left top, right bottom, from(#f31300), to(#8b0a00));
-webkit-border-radius: 1px;
-webkit-border-radius: 5px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f31300), to(#8b0a00));
-webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2);
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);
-webkit-transform: rotate(231deg);
-webkit-transform: skew(15deg);
/*background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#8b0a00), to(#f31300));*/
background:-webkit-gradient(linear, left top, right bottom, from(#8b0a00), to(#f31300));
-webkit-border-radius: 1px;
-webkit-box-shadow: 0px 1px 1px rgba(255,255,255, 1);
background:-webkit-gradient(linear, left top, left bottom, from(#4A4B4B), to(#3E3F3E), color-stop(20%,#505051), color-stop(50%,#515252), color-stop(80%,#464747));
-webkit-transform: rotate(52deg);
-webkit-transform: skew(15deg);
background:-webkit-gradient(linear, left top, right bottom, from(#4A4B4B), to(#3E3F3E), color-stop(20%,#505051), color-stop(50%,#515252), color-stop(80%,#464747));
-webkit-border-radius: 1px;
-webkit-box-shadow: 1px -1px 2px rgba(0,0,0, 0.2);
background:-webkit-gradient(linear, left top, right bottom, from(#902f2a), to(#b13733), color-stop(20%,#c13b37), color-stop(50%,#c33b37), color-stop(80%,#a53430));
background:-webkit-gradient(linear, left top, left bottom, from(#902f2a), to(#b13733), color-stop(20%,#c13b37), color-stop(50%,#c33b37), color-stop(80%,#a53430));
background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
-webkit-border-radius:5px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.5);
-webkit-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#555656), to(#484949), color-stop(.1,#646464));
-webkit-border-radius: 5px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f31300), to(#8b0a00));
-webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2);
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);
-webkit-transform: rotate(51deg);
-webkit-transform: skew(10deg);
background:-webkit-gradient(linear, left top, right bottom, from(#f31300), to(#8b0a00));
-webkit-border-radius: 1px;
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.6);
.ui-menu .ui-menu-item a:active{font-weight: normal;background: #d3e1eb;-webkit-border-radius: 0;}
.ui-autocomplete {position: absolute; cursor: default;-webkit-border-radius: 0;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.9);}
-webkit-border-radius:3px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#353536), to(#000));
-webkit-border-radius:9px;
-webkit-border-radius:5px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);
-webkit-border-radius:5px;
-webkit-border-radius:5px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);
-webkit-box-shadow:0 0px 24px rgba(255,255,255,.9);
.close_link {position:absolute; text-align:center; font-size:14px; line-height:24px; top:8px; right:10px; z-index:100; height: 24px; width: 24px; -webkit-border-radius: 12px; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f31300), to(#8b0a00)); font-weight:bold; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.5); -webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);}
#slide_show {background:#333; padding:10px; -webkit-border-radius:5px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);}
.image_pane img{width:100%; text-align:center; -webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);}
#bonus.content_group{background:url(images/redchevron.png) no-repeat -10px center,-webkit-gradient(linear, 0% 0%, 0% 100%, from(#353536), to(#000)); border:1px solid #353536;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment