/************************************************************************************ BUTTONS *************************************************************************************/ a.shortcode.button { text-decoration: none !important; color: #333; font: 100% Arial, Helvetica, sans-serif; padding: 5px 13px; margin: 0 3px 5px 0; border: solid 1px #aaa; background-color: #f5f5f5; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.35) 0%, rgba(170,170,170,0.15) 66%, rgba(0,0,0,0.05) 100%); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.35) 0%,rgba(170,170,170,0.15) 66%,rgba(0,0,0,0.05) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.35) 0%,rgba(170,170,170,0.15) 66%,rgba(0,0,0,0.05) 100%); vertical-align: middle; display: inline-block; zoom:1; *display:inline; text-shadow: 0 1px 0 rgba(255,255,255,.5); border-radius: 5px; box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3); } a.shortcode.button:hover { text-decoration: none; background-color: #FFF; } /* color */ a.shortcode.button.flat { background: #f5f5f5; box-shadow: none; border-radius: 0; } a.shortcode.button.yellow { border-color: #edad14; background-color: #ffe20b; } a.shortcode.button.yellow:hover { background-color: #fff21e; } a.shortcode.button.yellow.flat { background: #ffe20b; } a.shortcode.button.orange { border-color: #a3620a; background-color: #f9800f; color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,.4); } a.shortcode.button.orange:hover { background-color: #ff9a22; } a.shortcode.button.orange.flat { background: #f9800f; } a.shortcode.button.blue { border-color: #0076a3; background-color: #49b3fc; color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,.4); } a.shortcode.button.blue:hover { background-color: #76c7ff; } a.shortcode.button.blue.flat { background: #49b3fc; } a.shortcode.button.green { border-color: #4e7521; background-color: #76ab3b; color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,.4); } a.shortcode.button.green:hover { background-color: #90c356; } a.shortcode.button.green.flat { background: #76ab3b; } a.shortcode.button.red { border-color: #9e0b0f; background-color: #e41d24; color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,.4); } a.shortcode.button.red:hover { background-color: #fb4e55; } a.shortcode.button.red.flat { background: #e41d24; } a.shortcode.button.black { border-color: #000000; background-color: #111; color: #eee !important; text-shadow: 0 -1px 0 rgba(0,0,0,.8); } a.shortcode.button.black:hover { background-color: #4f4f4f; } a.shortcode.button.black.flat { background: #111; } a.shortcode.button.purple { border-color: #350d4c; background-color: #7933ac; color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,.6); } a.shortcode.button.purple:hover { background-color: #9655c6; } a.shortcode.button.purple.flat { background: #7933ac; } a.shortcode.button.gray { border-color: #656565; background-color: #888888; color: #fff !important; text-shadow: 0 -1px 0 rgba(0,0,0,.3); } a.shortcode.button.gray:hover { background-color: #adadad; } a.shortcode.button.gray.flat { background: #888888; } /* light gradient */ a.shortcode.button.light-yellow { border-color: #cbc67d; background-color: #fef8a5; } a.shortcode.button.light-yellow:hover { background-color: #fefcdf; } a.shortcode.button.light-yellow.flat { background: #fef8a5; } a.shortcode.button.light-blue { border-color: #95becf; background-color: #c5efff; } a.shortcode.button.light-blue:hover { background-color: #e9f9ff; } a.shortcode.button.light-blue.flat { background: #c5efff; } a.shortcode.button.light-green { border-color: #b0c98b; background-color: #ebf8d6; } a.shortcode.button.light-green:hover { background-color: #f9fff0; } a.shortcode.button.light-green.flat { background: #ebf8d6; } a.shortcode.button.pink { border-color: #de9db9; background-color: #facde1; } a.shortcode.button.pink:hover { background-color: #fdecf3; } a.shortcode.button.pink.flat { background: #facde1; } a.shortcode.button.lavender { border-color: #c0a8d9; background-color: #ecd9ff; } a.shortcode.button.lavender:hover { background-color: #f7f0fe; } a.shortcode.button.lavender.flat { background: #ecd9ff; } /* button size */ a.shortcode.button.small { font-size: 85%; font-weight: normal; padding: 3px 8px; } a.shortcode.button.large { font-size: 120%; font-weight: bold; padding: 8px 20px; } a.shortcode.button.xlarge { font-size: 150%; font-weight: bold; padding: 12px 26px; } /* button shape */ a.shortcode.button.rect { border-radius: 0; } a.shortcode.button.rounded { border-radius: 20em; } /* button embossed */ a.shortcode.button.embossed { box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 0 rgba(0,0,0,.2), inset 0 -3px 0 rgba(255,255,255,.2); padding-top: 4px; padding-bottom: 6px; } a.shortcode.button.embossed.small, a.shortcode.button.small.embossed { box-shadow: inset 0 -1px 0 rgba(0,0,0,.2), inset 0 -2px 0 rgba(255,255,255,.2); padding-top: 1px; padding-bottom: 2px; } a.shortcode.button.embossed.large, a.shortcode.button.large.embossed { box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -4px 0 rgba(255,255,255,.2); padding-top: 6px; padding-bottom: 10px; } a.shortcode.button.embossed.xlarge, a.shortcode.button.xlarge.embossed { box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.2), inset 0 -5px 0 rgba(255,255,255,.2); padding-top: 10px; padding-bottom: 14px; } /* button active */ .shortcode.button:active { position: relative; top: 1px; } /************************************************************************************ HR *************************************************************************************/ .shortcode.hr { height: 1px; border: none; border-top: solid 1px #ccc; clear: both; } .shortcode.hr.red { border-color: #F30; } .shortcode.hr.blue { border-color: #69F; } .shortcode.hr.pink { border-color: #F9C; } .shortcode.hr.light-gray { border-color: #ddd; } .shortcode.hr.dark-gray { border-color: #999; } .shortcode.hr.black { border-color: #000; } .shortcode.hr.yellow { border-color: #FF0; } .shortcode.hr.orange { border-color: #F90; } .shortcode.hr.white { border-color: #fff; } /************************************************************************************ GRID *************************************************************************************/ .shortcode.col4-1, .shortcode.col4-2, .shortcode.col4-3, .shortcode.col3-1, .shortcode.col3-2, .shortcode.col2-1 { margin-left: 3.2%; float: left; } .shortcode.col4-1 { width: 22.6%; } .shortcode.col4-2, .shortcode.col2-1 { width: 48.4%; } .shortcode.col4-3 { width: 74.2%; } .shortcode.col3-1 { width: 31.2%; } .shortcode.col3-2 { width: 65.6%; } .shortcode.col.first, .shortcode.col4-1.first, .shortcode.col4-2.first, .shortcode.col4-3.first, .shortcode.col3-1.first, .shortcode.col3-2.first, .shortcode.col2-1.first { margin-left: 0; clear: left; } /************************************************************************************ QUOTE *************************************************************************************/ .shortcode.quote { background: url(../img/shortcodes/quote.png) no-repeat 1px 2px; padding: 0 5px 0 26px; margin: 0 0 30px; } /************************************************************************************ SHORTCODE BOX *************************************************************************************/ .shortcode.box { background: #f6f6f6; border: solid 1px #ddd; padding: 7px 15px; margin: 0 0 15px; box-shadow: inset 0 1px 0 rgba(255,255,255,.4); } /* box color */ .shortcode.box.blue { background: #3cafff; border-color: #2786cf; color: #fff !important; } .shortcode.box.green { background: #78ac3e; border-color: #5e8127; color: #fff !important; } .shortcode.box.red { background: #ed1c24; border-color: #b81e14; color: #fff !important; } .shortcode.box.purple { background: #722ea4; border-color: #471e72; color: #fff !important; } .shortcode.box.yellow { background: #fff200; border-color: #ffd200; } .shortcode.box.orange { background: #f7941d; border-color: #c56102; color: #fff !important; } .shortcode.box.light-yellow { background: #fffcd3; border-color: #dedba3; } .shortcode.box.light-blue { background: #d9f4fe; border-color: #a4cfe0; } .shortcode.box.lavender { background: #f2e6fe; border-color: #d1bae9; } .shortcode.box.pink { background: #ffe6f1; border-color: #f0b6cf; } .shortcode.box.light-green { background: #edf6df; border-color: #b8cd97; } .shortcode.box.gray { background: #9e9e9e; border-color: #858585; color: #fff !important; } .shortcode.box.black { background: #111; border-color: #000; color: #fff !important; } /* box link */ .shortcode.box.purple a, .shortcode.box.orange a, .shortcode.box.green a, .shortcode.box.blue a, .shortcode.box.black a, .shortcode.box.gray a, .shortcode.box.red a { color: #fffabb !important; } /* box rounded */ .shortcode.box.rounded { border-radius: 8px; } /* box shadow */ .shortcode.box.shadow { box-shadow: 0 1px 1px rgba(0,0,0,.1); } /* box icon */ .shortcode.box.announcement { background-image: url(../img/shortcodes/annoucement.png); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 70px; min-height: 55px; } .shortcode.box.comment { background-image: url(../img/shortcodes/comment.png); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 70px; min-height: 55px; } .shortcode.box.question { background-image: url(../img/shortcodes/question.png); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 70px; min-height: 55px; } .shortcode.box.upload { background-image: url(../img/shortcodes/upload.png); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 70px; min-height: 55px; } .shortcode.box.download { background-image: url(../img/shortcodes/download.png); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 70px; min-height: 55px; } .shortcode.box.highlight { background-image: url(../img/shortcodes/highlight.png); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 70px; min-height: 55px; } .shortcode.box.map { background-image: url(../img/shortcodes/map.png); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 70px; min-height: 55px; } .shortcode.box.warning { background-image: url(../img/shortcodes/warning.png); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 70px; min-height: 55px; } .shortcode.box.info { background-image: url(../img/shortcodes/info.png); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 70px; min-height: 55px; } .shortcode.box.note { background-image: url(../img/shortcodes/note.png); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 70px; min-height: 55px; } .shortcode.box.contact { background-image: url(../img/shortcodes/contact.png); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 70px; min-height: 55px; } /* box heading */ .shortcode.box h1, .shortcode.box h2, .shortcode.box h3, .shortcode.box h4, .shortcode.box h5, .shortcode.box h6 { margin: 2px 0 3px; } /************************************************************************************ AUTHOR BOX *************************************************************************************/ .shortcode.author-box { border-top: solid 1px #ddd; margin: 15px 0; box-shadow: inset 0 1px 0 rgba(255,255,255,.4); } .shortcode.author-box .author-avatar { float: left; margin: 0 15px 5px 0; } .shortcode.author-box .author-avatar img { padding: 4px; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.15); border-radius: 4px; } .shortcode.author-box .author-name { margin: 2px 0 5px; } .shortcode.author-box .author-bio { overflow: hidden; margin: 0; } /* author box color */ .shortcode.author-box.blue { background: #3cafff; border-color: #2786cf; color: #fff !important; padding: 8px; } .shortcode.author-box.green { background: #78ac3e; border-color: #5e8127; color: #fff !important; padding: 8px; } .shortcode.author-box.red { background: #ed1c24; border-color: #b81e14; color: #fff !important; padding: 8px; } .shortcode.author-box.purple { background: #722ea4; border-color: #471e72; color: #fff !important; padding: 8px; } .shortcode.author-box.yellow { background: #fff200; border-color: #ffd200; color: #333 !important; padding: 8px; } .shortcode.author-box.orange { background: #f7941d; border-color: #c56102; color: #fff !important; padding: 8px; } .shortcode.author-box.light-yellow { background: #fffcd3; border-color: #dedba3; color: #333 !important; padding: 8px; } .shortcode.author-box.light-blue { background: #d9f4fe; border-color: #a4cfe0; color: #333 !important; padding: 8px; } .shortcode.author-box.lavender { background: #f2e6fe; border-color: #d1bae9; color: #333 !important; padding: 8px; } .shortcode.author-box.pink { background: #ffe6f1; border-color: #f0b6cf; color: #333 !important; padding: 8px; } .shortcode.author-box.light-green { background: #edf6df; border-color: #b8cd97; color: #333 !important; padding: 8px; } .shortcode.author-box.gray { background: #9e9e9e; border-color: #858585; color: #fff !important; padding: 8px; } .shortcode.author-box.black { background: #111; border-color: #000; color: #fff !important; padding: 8px; } /* author box link */ .shortcode.author-box.purple a, .shortcode.author-box.orange a, .shortcode.author-box.green a, .shortcode.author-box.blue a, .shortcode.author-box.black a, .shortcode.author-box.gray a, .shortcode.author-box.red a { color: #fffabb !important; } .shortcode.author-box.yellow a, .shortcode.author-box.light-yellow a, .shortcode.author-box.light-blue a, .shortcode.author-box.lavender a, .shortcode.author-box.pink a, .shortcode.author-box.light-green a { color: #000 !important; } /* author box rounded */ .shortcode.author-box.rounded { border-radius: 8px; } /* author box shadow */ .shortcode.author-box.shadow { box-shadow: 0 1px 1px rgba(0,0,0,.1); } /************************************************************************************ FLICKR *************************************************************************************/ .shortcode .flickr_badge_image { margin: 10px 0; } .shortcode .flickr_badge_image img { margin-right: 12px; margin-bottom: 12px; float: left; } /************************************************************************************ MAP *************************************************************************************/ .shortcode.map .map-container { margin: 0 0 15px; border: solid 1px #ccc; } .map img { max-width: none !important; } .gmnoprint { word-wrap: normal; } /************************************************************************************ LIST POST *************************************************************************************/ /* grid4 post */ .shortcode.grid4 .post { width: 22.6%; float: left; margin-left: 3.2%; } /* grid3 post */ .shortcode.grid3 .post { width: 31.2%; float: left; margin-left: 3.2%; } /* grid2 post */ .shortcode.grid2 .post { width: 48.4%; float: left; margin-left: 3.2%; } /* grid2-thumb post */ .shortcode.grid2-thumb .post { width: 48.4%; float: left; margin-left: 3.2%; } .shortcode.grid2-thumb .post-image { float: left; margin: 0 20px 15px 0; } .shortcode.grid2-thumb .post-content { overflow: hidden; } /* clear grid posts */ .shortcode.grid4 .post:nth-of-type(4n+1), .shortcode.grid3 .post:nth-of-type(3n+1), .shortcode.grid2 .post:nth-of-type(2n+1), .shortcode.grid2-thumb .post:nth-of-type(2n+1) { margin-left: 0; clear: left; } /* list thumb post */ .shortcode.list-thumb-image .post-image { float: left; margin: 0 20px 15px 0; } .shortcode.list-thumb-image .post-content { overflow: hidden; } /* list large image */ .shortcode.list-large-image .post-image { float: left; margin: 0 20px 15px 0; } .shortcode.list-large-image .post-content { overflow: hidden; } /************************************************************************************ SLIDER *************************************************************************************/ .shortcode.slider, .shortcode.post-slider { height: 0; /* height will be toggled by JS */ visibility: hidden; overflow: hidden; margin: 0; padding: 0; } /* slider post */ .shortcode.slider .post, .shortcode.post-slider .post { margin: 0; padding: 0; text-align: center; } /* slides base h1,h2,h3,h4,h5,h6 */ .shortcode.post-slider h1, .shortcode.slider h1, .shortcode.post-slider h2, .shortcode.slider h2, .shortcode.post-slider h3, .shortcode.slider h3, .shortcode.post-slider h4, .shortcode.slider h4, .shortcode.post-slider h5, .shortcode.slider h5, .shortcode.post-slider h6, .shortcode.slider h6 { margin: 0 0 5px; } /* slides post image */ .shortcode.post-slider .post-image { margin: 0 0 10px; padding: 0; float: none; text-align: center; max-width: 100%; width: auto; } /* slides post title */ .shortcode.post-slider .post-title { margin: 0 0 5px; padding: 0; font-size: 115%; } /* slides post content */ .shortcode.post-slider .post-content { font-size: 95%; width: auto; max-width: 100%; } /* CAROUSEL STYLES ================================================ */ .shortcode.post-slider .carousel-wrap, .shortcode.slider .carousel-wrap { position: relative; margin-bottom: 10px; padding: 0 !important; } /* base slides */ .shortcode.post-slider .slides, .shortcode.slider .slides { margin: 0 !important; padding: 0 !important; height: auto !important; } .shortcode.post-slider .slides li, .shortcode.slider .slides li { list-style: none; margin: 0 10px 0 0 !important; padding: 0 !important; width: auto; height: auto !important; float: left; text-align: center; } .shortcode.post-slider .slides .post, .shortcode.slider .slides .post { width: 100% !important; } .shortcode.post-slider .post-video, .shortcode.slider .post-video { padding-top: 0; } /* slider-nav */ .shortcode.post-slider .carousel-nav-wrap, .shortcode.slider .carousel-nav-wrap { text-align: center; margin: 15px auto 10px; border: none; } .shortcode.post-slider .carousel-prev, .shortcode.slider .carousel-prev, .shortcode.post-slider .carousel-next, .shortcode.slider .carousel-next { position: static !important; display: inline-block !important; font: 12px/100% Arial, Helvetica, sans-serif !important; width: 24px !important; height: 20px !important; line-height: 100%; text-indent: 0; text-decoration: none; text-align: center; margin: 0 3px; padding: 4px 0 0; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,.8); border-radius: 10em; border: solid 1px #ccc; background-color: #f5f5f5; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.1) 100%); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.1) 100%); box-shadow: inset 0 -1px 1px rgba(255,255,255,.4); } .shortcode.post-slider .carousel-prev:hover, .shortcode.slider .carousel-prev:hover, .shortcode.post-slider .carousel-next:hover, .shortcode.slider .carousel-next:hover { background-color: #fff; } /* carousel nav disabled */ .shortcode.post-slider .carousel-nav-wrap .disabled, .shortcode.slider .carousel-nav-wrap .disabled, .shortcode.post-slider .carousel-nav-wrap .disabled, .shortcode.slider .carousel-nav-wrap .disabled { opacity: 6; cursor: default; } /* carousel pager */ .shortcode.post-slider .carousel-pager, .shortcode.slider .carousel-pager { clear: both; text-align: center; display: inline-block; zoom:1; *display:inline; vertical-align: middle; width: auto; } .shortcode.post-slider .carousel-pager a, .shortcode.slider .carousel-pager a { text-indent: -900em; width: 8px; height: 8px; display: inline-block; zoom:1; *display:inline; margin: 8px 3px 0; background: #ccc; background: rgba(0,0,0,.2); border: solid 2px #666; border-radius: 10em; cursor: pointer; } .shortcode.post-slider .carousel-pager a.selected, .shortcode.slider .carousel-pager a.selected { background: #fff; background: rgba(255,255,255,.6); border-color: #ccc; } /* slider effect */ .shortcode.slider.effect-fade .caroufredsel_wrapper, .shortcode.post-slider.effect-fade .caroufredsel_wrapper { -moz-transition: height 0.5s ease-in-out; -webkit-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; } /************************************************************************************ TWITTER SHORTCODE *************************************************************************************/ .shortcode.twitter-list { margin: 0 0 20px; } .shortcode.twitter-list ul { margin: 0; padding: 0; } .shortcode.twitter-list li { margin: 0 0 15px; padding: 0; list-style: none; } .shortcode.twitter-list .twitter-timestamp a { font-size: 85%; color: inherit; text-decoration: none; } .shortcode.twitter-list .follow-user { margin: 0; padding: 5px 0; } /************************************************************************************ SOCIAL LINKS WIDGET *************************************************************************************/ .social-link-item i { line-height: 1em; padding: 6px; width: 20px; height: 20px; text-align: center; display: inline-block; vertical-align: middle; border-radius: 100%; } .social-links .icon-small img { max-width: 16px; max-height: 16px; } .social-links .icon-medium img { max-width: 32px; max-height: 32px; } .social-links .icon-large img { max-width: 48px; max-height: 48px; } .social-links .icon-small i { font-size: 8px; padding: 4px; width: 8px; height: 8px; } .social-links .icon-medium i { font-size: 20px; padding: 6px; width: 20px; height: 20px; } .social-links .icon-large i { font-size: 28px; padding: 10px; width: 28px; height: 28px; }