MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* Giving headers and TOC a little extra space */ h2 { margin-top: 20px; } .toc { margin-top: 20px; }

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

/* WIKI HEADER */ /* Vertical alignment logo */ padding-top: 0em; }
 * 1) WikiHeader .wordmark, .font-prociono {

/* COLORED ADMIN NAMES */ a[href="/wiki/User:MakeShift"] { color:#2C5C12 !important; font-weight: bold !important; } a[href="/wiki/User:Wraiyf"] { color:#2C5C12 !important; font-weight: bold !important; } a[href="/wiki/User:TimeShade"] { color:#2C5C12 !important; font-weight: bold !important; }

/* COLORED CONTENT MODERATOR NAMES */ a[href="/wiki/User:Hambergite"] { color:#cf9642 !important; font-weight: bold !important; }

/* COLORED ROLLBACK NAMES */ a[href="/wiki/User:Daniel.safe.35"] { color:#006B6B !important; font-weight: bold !important; }

/* CSS to remove topics for forums */

.edit-topic { display: none !important; } .related-topics-heading { display: none !important; } .edit-topic-link { display: none !important; } .MessageTopicInput { display: none !important; } .message-topic-input { display: none !important; } .message-topic label { display: none !important; }

/** Main page - Content images and hover - courtesy of Pedia of Interest**/ .portal-OliverQueen span { width: 100px; height: 100px; display:block; background-image: url("http://img3.wikia.nocookie.net/__cb20141215094513/arrow/images/c/c3/Portal-OliverQueen.png")} .portal-OliverQueen span:hover { background-image:url("http://vignette4.wikia.nocookie.net/arrow/images/0/07/Portal-OliverQueen1.png") !important; width: 100px; height: 100px; }

.portal-JohnDiggle span { width: 100px; height: 100px; display:block; background-image: url("http://vignette1.wikia.nocookie.net/arrow/images/6/6a/Portal-JohnDiggle.png")} .portal-JohnDiggle span:hover { background-image:url("http://vignette3.wikia.nocookie.net/arrow/images/6/6d/Portal-JohnDiggle1.png/revision/latest?cb=20151008011418") !important; width: 100px; height: 100px; } .portal-LaurelLance span { width: 100px; height: 100px; display:block; background-image: url("http://img3.wikia.nocookie.net/__cb20150122024942/arrow/images/b/b0/Portal-LaurelLance.png")} .portal-LaurelLance span:hover { background-image:url("http://img2.wikia.nocookie.net/__cb20150122024958/arrow/images/1/12/Portal-LaurelLance1.png") !important; width: 100px; height: 100px; } .portal-TheaQueen span { width: 100px; height: 100px; display:block; background-image: url("http://img4.wikia.nocookie.net/__cb20150514091824/arrow/images/a/a7/Portal-TheaQueen.png")} .portal-TheaQueen span:hover { background-image:url("http://img3.wikia.nocookie.net/__cb20150514091939/arrow/images/6/60/Portal-TheaQueen1.png") !important; width: 100px; height: 100px; } .portal-SladeWilson span { width: 100px; height: 100px; display:block; background-image: url("http://img1.wikia.nocookie.net/__cb20141215094523/arrow/images/f/f4/Portal-SladeWilson.png")} .portal-SladeWilson span:hover { background-image:url("http://img1.wikia.nocookie.net/__cb20141215094526/arrow/images/f/f9/Portal-SladeWilson1.png") !important; width: 100px; height: 100px; } .portal-MalcolmMerlyn span { width: 100px; height: 100px; display:block; background-image: url("http://img2.wikia.nocookie.net/__cb20141215094524/arrow/images/f/f3/Portal-MalcolmMerlyn.png")} .portal-MalcolmMerlyn span:hover { background-image:url("http://img2.wikia.nocookie.net/__cb20141215094526/arrow/images/4/40/Portal-MalcolmMerlyn1.png") !important; width: 100px; height: 100px; } .portal-BarryAllen span { width: 100px; height: 100px; display:block; background-image: url("http://img3.wikia.nocookie.net/__cb20150319115519/arrow/images/f/f1/Portal-BarryAllen.png")} .portal-BarryAllen span:hover { background-image:url("http://img4.wikia.nocookie.net/__cb20150319115551/arrow/images/2/25/Portal-BarryAllen1.png") !important; width: 100px; height: 100px; } .portal-EobardThawneF span { width: 100px; height: 100px; display:block; background-image: url("http://vignette3.wikia.nocookie.net/arrow/images/e/e8/Portal-EobardThawneF.png/revision/latest?cb=20150314040946")} .portal-EobardThawneF span:hover { background-image:url("http://vignette1.wikia.nocookie.net/arrow/images/9/98/Portal-EobardThawneF1.png/revision/latest?cb=20150313231651") !important; width: 100px; height: 100px; }

.portal-MartinStein span { width: 100px; height: 100px; display:block; background-image: url("http://vignette2.wikia.nocookie.net/arrow/images/8/8b/Portal-MartinStein.png/revision/latest?cb=20160121193825")} .portal-MartinStein span:hover { background-image:url("http://vignette2.wikia.nocookie.net/arrow/images/6/6c/Portal-Firestorm.png/revision/latest?cb=20160121193816") !important; width: 100px; height: 100px; }

.portal-RayPalmer span { width: 100px; height: 100px; display:block; background-image: url("http://vignette2.wikia.nocookie.net/arrow/images/e/e5/Portal-RayPalmer.png/revision/latest?cb=20160121232549")} .portal-RayPalmer span:hover { background-image:url("http://vignette1.wikia.nocookie.net/arrow/images/0/06/Portal-RayPalmer1.png/revision/latest?cb=20160121232515") !important; width: 100px; height: 100px; }

.portal-SaraLance span { width: 100px; height: 100px; display:block; background-image: url("http://vignette1.wikia.nocookie.net/arrow/images/f/f2/Portal-SaraLance.png/revision/latest?cb=20160121193835")} .portal-SaraLance span:hover { background-image:url("http://vignette2.wikia.nocookie.net/arrow/images/c/c9/Portal-SaraLance1.png/revision/latest?cb=20160121193836") !important; width: 100px; height: 100px; }

.portal-JeffersonJackson span { width: 100px; height: 100px; display:block; background-image: url("http://vignette3.wikia.nocookie.net/arrow/images/d/d3/Portal-JeffersonJackson.png/revision/latest?cb=20160121193818")} .portal-JeffersonJackson span:hover { background-image:url("http://vignette2.wikia.nocookie.net/arrow/images/6/6c/Portal-Firestorm.png/revision/latest?cb=20160121193816") !important; width: 100px; height: 100px; }

.portal-KendraSaunders span { width: 100px; height: 100px; display:block; background-image: url("http://vignette3.wikia.nocookie.net/arrow/images/7/7b/Portal-KendraSaunders.png/revision/latest?cb=20160121232027")} .portal-KendraSaunders span:hover { background-image:url("http://vignette1.wikia.nocookie.net/arrow/images/1/11/Portal-KendraSaunders1.png/revision/latest?cb=20160121232128") !important; width: 100px; height: 100px; }

.portal-CarterHall span { width: 100px; height: 100px; display:block; background-image: url("http://vignette2.wikia.nocookie.net/arrow/images/b/bb/Portal-CarterHall.png/revision/latest/scale-to-width-down/100?cb=20160928141150")} .portal-CarterHall span:hover { background-image:url("http://vignette3.wikia.nocookie.net/arrow/images/3/33/Portal-CarterHall1.png/revision/latest?cb=20160122031650") !important; width: 100px; height: 100px; }

.portal-MickRory span { width: 100px; height: 100px; display:block; background-image: url("http://vignette2.wikia.nocookie.net/arrow/images/2/23/Portal-MickRory.png/revision/latest?cb=20160121193827")} .portal-MickRory span:hover { background-image:url("http://vignette1.wikia.nocookie.net/arrow/images/9/9d/Portal-MickRory1.png/revision/latest?cb=20160121193830") !important; width: 100px; height: 100px; }

.portal-LeonardSnart span { width: 100px; height: 100px; display:block; background-image: url("http://vignette4.wikia.nocookie.net/arrow/images/c/c5/Portal-LeonardSnart.png/revision/latest?cb=20160121193824")} .portal-LeonardSnart span:hover { background-image:url("http://vignette3.wikia.nocookie.net/arrow/images/0/0d/Portal-LeonardSnart1.png/revision/latest?cb=20160121193826") !important; width: 100px; height: 100px; }

.WikiaArticle ul.tabbernav, .WikiaArticle .tabbertab-borderless ul.tabbernav, .WikiaArticle .tabbertab-bordered ul.tabbernav {   background-color: #2F4F2F; margin-top: -15px; padding: 5px; border: none; text-align: center; color: #FFF; font-weight:normal; text-transform:uppercase; text-shadow: 1px 1px 2px #000000; box-shadow:1px 1px 5px #000000; margin:-15px 5px 0px 0px; } .WikiaArticle ul.tabbernav li a, .WikiaArticle .tabbertab-borderless ul.tabbernav li a, .WikiaArticle .tabbertab-bordered ul.tabbernav li a { border: none; background: none; text-decoration: none; } .WikiaArticle ul.tabbernav li a:link, .WikiaArticle .tabbertab-borderless ul.tabbernav li a:link, .WikiaArticle .tabbertab-bordered ul.tabbernav li a:link {   color: white; } .WikiaArticle ul.tabbernav li a:hover, .WikiaArticle .tabbertab-borderless ul.tabbernav li a:hover, .WikiaArticle .tabbertab-bordered ul.tabbernav li a:hover {   background-color:transparent; } .WikiaArticle ul.tabbernav li.tabberactive a, .WikiaArticle .tabbertab-borderless ul.tabbernav li.tabberactive a, .WikiaArticle .tabbertab-bordered ul.tabbernav li.tabberactive a { border-bottom: none; background: linear-gradient(to bottom, #0f0f0f 0%,#0f0f0f 0%,#0f0f0f 0%,#0f0f0f 0%,#333333 98%); padding:5px; box-shadow:1px 1px 5px #000000; } .WikiaArticle .tabberlive, .WikiaArticle .tabbertab-borderless .tabberlive, .WikiaArticle .tabbertab-bordered .tabberlive {   width: 100%; } .WikiaArticle .tabbertab-borderless .tabberlive .tabbertab {   border: none; padding: 0px; } .WikiaArticle .tabberlive .tabbertab, .WikiaArticle .tabbertab-bordered .tabberlive .tabbertab {   border: #2F4F2F solid 1px; } .WikiaArticle ul.tabbernav li.tabberactive a:hover { border-bottom: none; background-color: #000; padding:5px; color: white; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; } .tabberlive .tabbertabhide { display:none; }

/** Arrow **/ ul.tabs > [data-tab="flytabs_characters0"] a { color: #0A520D; font-style: italic; font-weight: bold; } /** The Flash **/ ul.tabs > [data-tab="flytabs_characters1"] a { color: #83050F; font-style: italic; font-weight: bold; }

/** Constantine **/ ul.tabs > [data-tab="flytabs_characters2"] a { color: #939393; font-style: italic; font-weight: bold; } /** Vixen **/ ul.tabs > [data-tab="flytabs_characters3"] a { color: #987234; font-style: italic; font-weight: bold; }

/** DC's Legends of Tomorrow **/ ul.tabs > [data-tab="flytabs_characters4"] a { color: navy; font-style: italic; font-weight: bold; }

.arrow-background { background-image: url("http://vignette2.wikia.nocookie.net/arrow/images/1/1c/Arrow-background.png") !important; background-position-x: -510px; background-position-y: -510px; }

.arrow-background-2 { background-image: url("http://vignette3.wikia.nocookie.net/arrow/images/0/0b/Arrow-background-season-5.png/revision/latest?cb=20160929025422") !important; background-size:1700px !important; background-position-x: -910px !important; background-position-y: -310px!important; } .flash-background { background-image: url("http://img4.wikia.nocookie.net/__cb20150821063935/arrow/images/9/95/The-Flash-background.png") !important; background-position-x: -110px; background-position-y: -410px; }

.flash-background-2 { background-image: url("http://vignette2.wikia.nocookie.net/arrow/images/4/46/The-Flash-background-season-3.png/revision/latest?cb=20160929025423") !important; background-position-x: -110px; background-position-y: -410px; }

.constantine-background { background-image:url("http://img3.wikia.nocookie.net/__cb20150821063624/arrow/images/0/05/Constantine-background.png")!important; }

.vixen-background { background-image: url("http://img2.wikia.nocookie.net/__cb20150821063329/arrow/images/7/73/Mari_taps_in_to_the_Anansi_Totem.png")!important; } .legends-background { background-image: url("http://vignette2.wikia.nocookie.net/arrow/images/f/f7/Legends-of-Tomorrow-background.png/revision/latest?cb=20151217002642") !important; background-position-x: -500px; background-position-y: -500px; }

.legends-background-2 { background-image: url("http://vignette4.wikia.nocookie.net/arrow/images/5/5e/DC%27s-Legends-of-Tomorrow-background-season-2.png/revision/latest?cb=20160929025423") !important; background-position-x: -500px !important; background-position-y: -50px !important; }

background: url("http://img1.wikia.nocookie.net/__cb20150821064833/arrow/images/2/2c/Welcome-background.png") center bottom; background-position-x: -300px; background-position-y: -510px; color: #fff; height: 180px; text-shadow: 0 0 5px #000; padding: 5px; }
 * 1) mpb {

/* ==== Portable infoboxes ==== */

.portable-infobox .pi-border-color { border-color:rgba(0,0,0,.1); }

ul.pi-image-collection-tabs li.pi-tab-link { background: transparent; border-color: transparent; }

.portable-infobox .pi-font { color: black; }

.pi-theme-Vixen.pi-background { background-color:#F7F0E4; }

.pi-theme-Vixen .pi-secondary-background, .pi-theme-Vixen .pi-title, .pi-theme-Vixen .pi-navigation, .pi-theme-Vixen .pi-navigation a{   background-color: #C4963F; color: white; text-align: center; }

.pi-theme-Constantine.pi-background, .pi-image { background-color:#CAD0D9; }

.pi-theme-Constantine .pi-secondary-background, .pi-theme-Constantine .pi-title, .pi-theme-Constantine .pi-navigation, .pi-theme-Constantine .pi-navigation a{   background-color: #404A57; color: white; text-align: center; }

.pi-theme-The-Flash.pi-background { background-color:#FEE7E9; }

.pi-theme-The-Flash .pi-secondary-background, .pi-theme-The-Flash .pi-title, .pi-theme-The-Flash .pi-navigation, .pi-theme-The-Flash .pi-navigation a { background-color: #83050F; color: white; text-align: center; }

.pi-theme-Arrow.pi-background, .pi-theme-Arrow_-Season-2_5.pi-background, .pi-theme-Arrow_-The-Dark-Archer.pi-background { background-color:#EBFAEB; }

.pi-theme-Arrow .pi-secondary-background, .pi-theme-Arrow .pi-title, .pi-theme-Arrow .pi-navigation, .pi-theme-Arrow .pi-navigation a { background-color: #0D7B12; color: white; text-align: center; }

.pi-theme-DC_s-Legends-of-Tomorrow.pi-background { background-color:#BEDDDD; } .pi-theme-DC_s-Legends-of-Tomorrow .pi-secondary-background, .pi-theme-DC_s-Legends-of-Tomorrow .pi-title, .pi-theme-DC_s-Legends-of-Tomorrow .pi-navigation, .pi-theme-DC_s-Legends-of-Tomorrow .pi-navigation a{   background-color: #006B6B; color: white; text-align: center; }

.pi-theme-Arrow.portable-infobox img { background-color:#EBFAEB; }

.pi-theme-Vixen.portable-infobox img { background-color:#F7F0E4; }

.pi-theme-Arrow.portable-infobox img { background-color:#EBFAEB; }

.pi-theme-The-Flash.portable-infobox img { background-color:#FEE7E9; }

.pi-theme-DC_s-Legends-of-Tomorrow img { background-color:#BEDDDD; }

.portable-infobox .pi-title { border-radius: 10px 10px 0px 0px; }

.portable-infobox .pi-navigation { border-radius: 0px 0px 10px 10px; }

.portable-infobox .pi-title { font-size: 17px; font-weight: bold; padding: 0px; }

.portable-infobox .pi-data-value { width: 100%; }

.portable-infobox .pi-data-label { flex-basis: 96px; }

.portable-infobox .pi-title { margin-bottom:3px; }

.portable-infobox { border: 1px solid darkgrey; padding: 2px; border-radius: 10px; }

.portable-infobox .pi-group .pi-header { font-size: 14px; line-height: 16px; padding: 3px; margin-top: 3px; border-radius: 4px; }

.portable-infobox .pi-secondary-font, .portable-infobox .pi-font { font-size: inherit; line-height: inherit; }

.portable-infobox .pi-navigation { padding: 0px; }

ul.pi-image-collection-tabs li.pi-tab-link:not(.current) { font-weight: bold; color: rgb(107, 0, 1); }

ul.pi-image-collection-tabs li.pi-tab-link:not(.current):hover { text-decoration: underline; }

.portable-infobox .pi-image-collection ul { margin: 0px; }

.pi-title { background-color:black; color:white; text-align:center; }

.pi-header { background-color:black; color:white; text-align:center; }

.pi-navigation { background-color:black; color:white; text-align:center; }

.pi-navigation a { color:white; }

.pi-background { background-color:white; }

ul.pi-image-collection-tabs li { margin-top:-3px; font-size: 11px; padding: 0 5px 1px !important; margin: 1px !important; border: 0px !important; }

/* MAIN PAGE - "Next Episode" links */ .links-arrow a { color: #0D7B12 !important; } .links-flash a { color: #83050F !important; } .links-constantine a { color: #404A57 !important; } .links-vixen a { color: #C4963F !important; } .links-legends a { color: #006B6B !important; }

/**Special infobox theme for Supergirl**/ .pi-theme-Supergirl.portable-infobox { border: 2px solid #FFF; border-radius: 15px !important; box-shadow: 0 1px 5px rgba(0,0,0,.7) !important; color: white; } .pi-theme-Supergirl .pi-title { text-align: center; line-height: 30px; background-color: #520000; }

.pi-theme-Supergirl .pi-horizontal-group img { margin-left: -10px; } .pi-theme-Supergirl.portable-infobox.pi-background { background-color: #520000; } .pi-theme-Supergirl .portable-infobox a { color:white; }

.pi-theme-Supergirl.portable-infobox .pi-data-value { color:white; }

.pi-theme-Supergirl.pi-secondary-background { background: #897474; text-align:center; } .pi-theme-Supergirl.portable-infobox{ margin:5px; } .pi-theme-Supergirl .portable-infobox .pi-navigation { border-radius:0px 0px 10px 10px; }

.pi-theme-Supergirl .pi-header { background-color:#520000; }

.pi-theme-Supergirl .pi-navigation { background-color:#520000; }

.pi-theme-Supergirl.portable-infobox .pi-border-color { border-color:#FFF; }

.pi-theme-Supergirl a{ color:#B59E71; }

.aw-table { padding:10px; } .aw-table td { height: 150px; padding: 0; } .aw-table td div { font-family: "Agency FB", sans-serif; height: 24px; max-height: 24px; padding: 3px !important; text-transform: uppercase; font-size:18px; } .aw-table td:hover div { height: 100%; max-height: 300px; transition: max-height 1s; -webkit-transition: max-height 1s; } .aw-table td:hover { cursor: pointer; } .aw-table-portals tr:first-child td:first-child { background: url("http://vignette3.wikia.nocookie.net/arrow/images/3/31/The_Flash_vs_Arrow_fan_screening_promo.png/revision/latest?cb=20141123073027") no-repeat; background-position:center; background-position-y:-50px; background-size: auto 155%; box-shadow: 0px 0px 10px 0 #000; } .aw-table-portals tr:first-child td:last-child { background: url("http://vignette2.wikia.nocookie.net/arrow/images/c/c4/Reverse-Flash_fight_club_promotional.png/revision/latest?cb=20150420200312") no-repeat; background-position-y:-60px; background-size: 100% auto; box-shadow: 0px 0px 10px 0 #000; } .aw-table-portals tr:nth-child(2) td:first-child { background-size: 80% auto; background: url("http://vignette2.wikia.nocookie.net/arrow/images/0/0f/Killer_Frost_first_look.png/revision/latest?cb=20160208193034") no-repeat; background-size:300px; background-position:center; background-position-y:-30px; box-shadow: 0px 0px 10px 0 #000; } .aw-table-portals tr:nth-child(2) td:last-child { background: url("http://vignette1.wikia.nocookie.net/arrow/images/c/c5/The_Atom_fights_the_Leviathan.png/revision/latest?cb=20160429134740") no-repeat; background-position-x: -80px; background-size: 140% auto; box-shadow: 0px 0px 10px 0 #000; } .aw-table-portals tr:last-child td:first-child { background-size: 80% auto; background: url("http://vignette3.wikia.nocookie.net/arrow/images/4/45/Firestorm_DC%27s_Legends_of_Tomorrow_promo.png/revision/latest?cb=20160130163122") no-repeat; background-size:370px; background-position-x:0px; background-position-y:-80px; box-shadow: 0px 0px 10px 0 #000; } .aw-table-portals tr:last-child td:last-child { background: url("http://vignette3.wikia.nocookie.net/arrow/images/b/bc/Speedy%2C_Green_Arrow%2C_Black_Canary%2C_The_Flash%2C_Spartan%2C_Hawkgirl_and_Carter_Hall_after_facing_Vandal_Savage.png/revision/latest?cb=20151204085217") no-repeat; background-position:center; background-position-y:-30px; background-size: 140% auto; box-shadow: 0px 0px 10px 0 #000; } .aw-table-portals td div { background-color: rgba(46,77,46, 0.85); color: #fff; }

.btn1 { -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: rgba(0, 0, 0, 0.5); border: 1px solid #0D7B12; color: #ffffff; display: inline-block; font-size: 1.2em; margin: auto; padding: 30px; text-decoration: none; transition: all 0.5s ease; width: 150px !important; text-align: center; } .btn1:hover { background-color: #0D7B12; border: 1px solid #0D7B12; text-align: center; padding: 30px; } .btn2 { -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: rgba(0, 0, 0, 0.5); border: 1px solid #83050F; color: #ffffff; display: inline-block; font-size: 1.2em; margin: auto; padding: 30px; text-decoration: none; transition: all 0.5s ease; width: 150px !important; text-align: center; } .btn2:hover { background-color: #83050F; border: 1px solid #83050F; text-align: center; padding: 30px; } .btn3 { -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: rgba(0, 0, 0, 0.5); border: 1px solid #006B6B; color: #ffffff; display: inline-block; font-size: 1.2em; margin: auto; padding: 30px; text-decoration: none; transition: all 0.5s ease; width: 150px !important; text-align: center; } .btn3:hover { background-color: #006B6B; border: 1px solid #006B6B; text-align: center; padding: 30px; }