THG Updates Tab - Code 1

#updates { position: fixed; top: 20px; left: 20px; width: 50px; }

.upd { margin-bottom: 10px; border: 3px double #f3f3f3; width: 50px; height: 50px; overflow: hidden; background: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.upd:hover { width: 100px; height: 100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.pin { position: absolute; margin: 4px; width: 42px; height: 42px; overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.pin img { margin: 0px; width: 42px; height: 42px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.upd:hover .pin, .upd:hover .pin img { width: 14px; height: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.updtitle { margin-left: 50px; margin-top: 3px; border-bottom: 3px double #f3f3f3; width: 72px; height: 19px; line-height: 19px; padding-left: 17px; overflow: hidden; color: #c3c3c3; text-transform: uppercase; font-family: Courier New; font-size: 9px; letter-spacing: 1px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.upd:hover .updtitle { margin-left: 5px; }

.updtext { margin-left: 50px; margin-top: 0px; width: 85px; height: 70px; padding: 0px 5px 0px 5px; overflow: auto; color: #c3c3c3; font-family: Calibri; font-size: 9px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }

.upd:hover .updtext { margin-left: 0px; }

.updtext::-webkit-scrollbar-thumb:vertical {background: #e7e7e7; height: auto; } .updtext::-webkit-scrollbar-thumb:horizontal { background: #e7e7e7 height: auto;} .updtext::-webkit-scrollbar { height: 2px; width: 2px; background: #fff; }