.code1 {

overflow:auto;width:503px;height:200px;

font-family: "Consolas", "Courier New", Courier, mono, serif;

color:#848176;

margin : 15px 35px 15px 15px;

padding : 10px 10px 10px 35px;

clear : both;

list-style-type : none;

background : #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXzmnHrB-BBNtNW4mg-SsZKM3z7czU-Ob4d4W1chhlu7csp1EpMCSFAGZfRwhDX4ZJ3Np69ehB_flfwKod5yzpDNqBgXZW6JKx3Mnj5h0Nyms0rw2PYeoHm7sm58SH8M7NRz3UfCc6FR1E/s320/btsnts-show-codes1.jpg) repeat-y top left;

border : 1px solid #000000;

border-left:20px solid #ccc;

-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px

}

.code1:hover{

background : #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvbpNg9YmmGjF6YDC4L4C0BKo8gyuTGXNf5vqx3_8Kju3IU8tSd7238qzm3DLN14PpHvZk3PK7hyphenhyphenHujXZJoIYuh67AHSoFffDNgIReKuvqOarpNe2AEiO1Q0jjIwy_7Xqq6CMan0vKCFr7/s1600/btsnts-show-codes2.jpg) repeat-y top left;

color:#FEF9BF;

border : 1px solid #000;

border-left:20px solid #ccc;

-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);

-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);

box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);

box-shadow: 10px 10px 5px #888888;

}