MediaWiki:Common.css

/* */ @import "/index.php?title=MediaWiki:StaffHighlight.css&action=raw&ctype=text/css"; @import "/index.php?title=MediaWiki:Mainpage.css&action=raw&ctype=text/css&cb=3";

/* Hide the little logo and make the background of the main logo transparent */ .logoContainer { background-color: transparent !important; } .wikiaLogo { display:none !important; }

/* div.mw-geshi class used in conjuction with source tag */ div.mw-geshi { background-color:#F9F9F9; border:1px dashed #2F6FAB; padding:0.5em 1em; font-family:monospace; }

/* Main page Tabber code ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/

.page-Community_Central ul.tabbernav { border: none; font: normal 14px Helvetica, Arial, sans-serif; padding: 10px 0; } .page-Community_Central ul.tabbernav li a { padding: 10px; margin-left: 0; background-color: #e6f4ff; border: none; border-right: 1px solid #002E54; border-top: 1px solid #002E54; } .page-Community_Central ul.tabbernav li a:link, .page-Community_Central ul.tabbernav li a:visited { color: #002E54; border: none; border-right: 1px solid #002E54; border-top: 1px solid #002E54; } .page-Community_Central ul.tabbernav li a:hover { color: #FFFFFF; background-color: #002E54; border: none; border-right: 1px solid #002E54; border-top: 1px solid #002E54; } .page-Community_Central ul.tabbernav li.tabberactive a, .page-Community_Central ul.tabbernav li.tabberactive a:hover { color: #FFFFFF; background-color: #002E54; font-weight: normal; border: none; border-right: 1px solid #002E54; border-top: 1px solid #002E54; } .page-Community_Central .tabberlive { width: 100%; } .page-Community_Central .tabberlive .tabbertab { border: none; }

/*-- Styles for Guides Tabs --*/ .page-Community_Central .tab-item-avatar { float: left; width: 48px; margin: 20px 10px 0; } .page-Community_Central .tab-item-title { font-size: 22px; padding-top: 20px; margin: 5px 0 -5px; } .page-Community_Central .tab-item-content { margin-left: 10px; border-bottom: 1px solid #ccc; } /* Help headers */ .basic { background-image: url('http://images.wikia.com/communitytest/images/3/3b/Greenheader.png'); color:#006600; } .moderate { background-image: url('http://images.wikia.com/communitytest/images/7/7f/Blueheader.png'); color:#333399; } .expert { background-image: url('http://images.wikia.com/communitytest/images/e/ed/Purpleheader.png'); color:#663399; } .helpheader { padding-left: 5px; margin-top: .5em; margin-bottom: .17em; width: 100%; background-repeat: repeat-y; clear: right; display: table; } .helpheader h2 { margin: 0px !important; display: inline; float: left; font-size: 140%; font-weight: bold; line-height: 150%; margin: 15px 0px 3px 0px; padding:0.4em; text-align:left; vertical-align:middle; border-style: none; } .helpheader h2 ~ h2 { display: inline; float: left; } .silver_taskstar h2 { background: url('http://images.wikia.com/central/images/a/aa/Silver_taskstar.png') left center no-repeat; padding-left: 25px; padding-right: 15px; } .silver_taskstar h2 ~ h2 { background: transparent !important; padding-left: 0px; } .helpheader h2 ~ h2:before { content:'/'; margin-right: 10px; } .helpheader .editsection { background: white; margin-top: -25px; position: absolute; right: 5px; } .glass { background-image: url(http://images.wikia.com/central/images/a/a9/Glass_bar.png); background-repeat: repeat-x } /*~ Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes ~*/ th.mbox-text, td.mbox-text { /* The message body cell(s) */ border: none; padding: 0.25em 0.9em; /* 0.9em left/right */ width: 100%; /* Make all mboxes the same width regardless of text length */ } td.mbox-image { /* The left image cell */ border: none; padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } td.mbox-imageright { /* The right image cell */ border: none; padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; } /*~ Talk page message box styles ~*/ table.tmbox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #c0c090; /* Default "notice" gray-brown */ background: #f8eaba; } .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */ margin: 2px 0; /* class ensures that this declaration overrides other */ width: 100%; /* For Safari and Opera */ /* styles (including mbox-small above) */ } .mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ line-height: 1.5em; /* also "nested", so reset styles that are  */ font-size: 100%; /* set in "mbox-small" above. */ } table.tmbox-speedy { border: 2px solid #b22222; /* Red */ background: #fee; /* Pink */ } table.tmbox-delete { border: 2px solid #b22222; /* Red */ } table.tmbox-content { border: 2px solid #f28500; /* Orange */ } table.tmbox-style { border: 2px solid #f4c430; /* Yellow */ } table.tmbox-move { border: 2px solid #9932cc; /* Purple */ } table.tmbox-protection, table.tmbox-notice { border: 1px solid #c0c090; /* Gray-brown */ } /* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "body.mediawiki" is so   they override "table.ambox + table.ambox" above. */ body.mediawiki table.mbox-small { /* For the "small=yes" option. */   clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; } body.mediawiki table.mbox-small-left { /* For the "small=left" option. */   margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; } /*

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; } /*

Forum formatting -Algorithm & -Splaka
.forumheader { border: 1px solid #aaa; background-color: #f9f9f9; color: #000; margin-top: 1em; padding: 6px; } .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('http://images3.wikia.nocookie.net/central/images/4/4e/Forum_new.gif?1') 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; } /* === underline classes === */ .underlinelink a { text-decoration: underline ! important; } .nounderlinelink a { text-decoration: none ! important; } /* font class for 'click here' */ .clickhere a, .clickhere a:visited { color: #3366BB !important } .clickhere a:hover, .clickhere a:active { color: #268CFE !important } /* === class for task boxes === */ .task { border: 1px solid #585490; background: #f8faff; padding:.5em; } /* === class for main page link tables === */ background: transparent url(http://images.wikia.com/central/images/9/96/Bullet_plain.png) center left no-repeat !important; padding-left: 14px !important; }   background: transparent url(http://images.wikia.com/central/images/e/ec/Bullet_star.png) center left no-repeat !important; padding-left: 14px !important; }   background: transparent url(http://images.wikia.com/central/images/e/ef/Bullet_star3.png) center left no-repeat !important; padding-left: 14px !important; } /* === misc === */ li #credits { white-space: normal; } .headbare h1, .headbare h2 { border-bottom: none; } .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; } /* === for Percent template === */ .percent-fill { height:24px; background: #ffffff url(http://images.wikia.com/central/images/3/31/Gradient24.png) 0 0 repeat; } .percent-empty { height: 24px; background: transparent; } /* === per page stuff === */ .page-Category_Custom_edit_buttons .gallerybox .thumb { padding:0 !important; } .page-Wikia_Maintenance_copyvio a[title|="Category:Files with unknown copyright status"] { display:none; } body.page-Community_Chat #page_controls { display:none; } body.page-Community_Chat #page_tabs { display:none; } body.page-Community_Chat #articleFooterActions { display:none; } /* === Dynamic navigation === */
 * 1) bodyContent .buttonlink a {
 * 1) bodyContent .buttonstar a {
 * 1) bodyContent .buttonstar3 a {

/* default skin for navigation boxes */ table.navbox { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: center; width: 100%; } table.navbox th { background-color: #ccf; padding-left: 1em; padding-right: 1em; } table.navbox tr:not(:first-child) th { background-color: #ddf; } @media print { .navbox { display: none; } } /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; } .NavToggle { float:right; position:absolute; top:0px; right:3px; } .NavHead { position:relative; } /* == For experimental Adoption 2.0 template == */ .adoption20 { position: absolute; top: 5px; right: 12px; height: 22px; padding: 2px 5px; border: 1px solid #F00; background-color: #FFFFDB; } .adoption20 .translate { position: absolute; right: 5px; font-size: 90%; border: 1px solid #BBBB66; background-color: #FFFFD7; float:left; padding: 1px .5em; } /* More Hubs styling -Dantman */ .morehubs { background: #FFFFFF; position: absolute; margin: 0px; padding: 0px; text-align: left; vertical-align: middle; } .morehubs map, .morehubs div, .morehubs p { text-align: left; vertical-align: middle; margin: 0px; padding: 0px; } .morehubs p { position: relative; left: -15px; top: 3px; } /* Remove titles from hubs -Dantman */ .ns-150 .firstHeading, .page-Big_wikis .firstHeading, .page-Not_a_valid_Wikia .firstHeading, .page-Wikia_Not_a_valid_Wikia .firstHeading { display: none; } /* remove talk link from forum namespace (monobooks/newskins/quartzskins/monaco) -Splarka */ body.ns-110 #ca-talk, body.ns-110 #this_talk, body.ns-110 #page_tabs li+li { display: none; } /* TabView extension */ .yui-content { background-color: #EDF5FF; /*border: solid 1px;*/ padding: 0.25em 0.5em; } .yui-nav { border-color:#EDF5FF; border-style:solid; border-width:0pt 0pt 5px; margin: 0px !important; } .yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav { border-color:#EDF5FF; border-style:solid; border-width:0pt 0pt 5px; } .yui-navset .yui-nav .selected { background-color: #EDF5FF; } .yui-navset .yui-nav li { padding-left: 10px; padding-right: 10px; } /* wikialist stuff */ .wikialist-header { border:2px solid #7777aa; margin:auto; font-size:130%; background-color: #ddddee; } .wikialist-header td { padding:.25em; white-space: nowrap; } .wikialist-header td.wlh-button a { text-decoration:none; display:block; border:2px outset #ddddee; padding:.25em; font-weight:bold; color: black; text-align:center; } .wikialist-header td.wlh-button a:hover { background-color: #ccccff; } .wikialist-header td.wlh-button strong { text-decoration:none; display:block; border:2px inset #ddddee; padding:.25em; text-align:center; } .wikialist-header th { font-size:115% } /*

class for Hubs
*/ .nostar a { background: transparent url(http://images1.wikia.nocookie.net/central/images/thumb/8/88/Hubstar-no.png/10px-Hubstar-no.png) center left no-repeat; padding-left: 13px; } .yellowstar a { background: transparent url(http://images3.wikia.nocookie.net/central/images/thumb/e/e6/Hubstar-yellow.png/10px-Hubstar-yellow.png) center left no-repeat; padding-left: 13px; } .orangestar a { background: transparent url(http://images1.wikia.nocookie.net/central/images/thumb/7/73/Hubstar-orange.png/10px-Hubstar-orange.png) center left no-repeat; padding-left: 13px; } .redstar a { background: transparent url(http://images1.wikia.nocookie.net/central/images/thumb/e/ea/Hubstar-red.png/10px-Hubstar-red.png) center left no-repeat; padding-left: 13px; } .greenstar a { background: transparent url(http://images2.wikia.nocookie.net/central/images/thumb/8/8e/Hubstar-green.png/10px-Hubstar-green.png) center left no-repeat; padding-left: 13px; } .adoptstar a { background: transparent url(http://images2.wikia.nocookie.net/central/images/thumb/d/d4/Hubstar-adopt.png/10px-Hubstar-adopt.png) center left no-repeat; padding-left: 13px; }

.hubmodule { border:1px solid silver; width: auto; margin-bottom: 10px; padding:3px; } table.hubmodule th, div.hubmodule h2 { background-color: lightyellow; color: black; text-align:center; font-size: 150%; font-weight:normal; margin-bottom:0.6em; padding-bottom:0.17em; padding-top:0.3em; border:none; } .hubmodule .poll { width: auto; }   background-color: inherit; } /*
 * 1) bodyContent .poll {

Infobox classes copied from en.wikipedia
*/

/* Infobox template style */ .infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 0 0.5em 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 #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /* styles for bordered infobox with merged rows */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; } .infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; border-right: 1px solid #aaa; } /* Put a checker background at the image description page only visible if the image has transparent background */ background: url("http://images.wikia.com/central/images/5/5d/Checker-16x16.png") repeat; } /* Commonly used Wikipedia .wikitable and .prettytable */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } .wikitable th, .wikitable td, .prettytable th, .prettytable td { border: 1px #aaa solid; padding: 0.2em; } .wikitable th, .prettytable th { background: #f2f2f2; text-align: center; } .wikitable caption, .prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } .page-Special_CreateWiki #request_wiki { display: none; } .collapseLink { cursor: pointer; } /* Homepage */ .homepage-feature-box { border:1px solid #CCCCCC; margin:0 1px 10px; outline:1px solid #FFFFFF; padding:8px; } .page-Community_Central_Adoption_requests .mw-warning-with-logexcerpt { display: none !important; } .page-Community_Central_Not_a_valid_Wikia .firstHeading { display: none; } /* fzy dev */ .wikia-button.red { background-color: #F00; background-image: -moz-linear-gradient(top, #F00 20%, #a00 70%); background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#C00), to(#A00)); border-color: #E20000; box-shadow: 0 1px 0 #900, 0 -1px 0 #900, 1px 0 0 #900, -1px 0 0 #900; color: #30; -moz-box-shadow: 0 0 0 1px #900; -webkit-box-shadow: 0 1px 0 #900, 0 -1px 0 #900, 1px 0 0 #900, -1px 0 0 #900; } /* AST main page classes */ .astmain { margin-bottom: 15px; color: #000000; padding: 0 10px 15px; border: 2px solid #CDE3F1; background: #EEF3F6; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .astbigheading { margin: 15px 0; font-size: 30px; text-align: center; line-height: 30px; } .astheading { margin: 15px 0; font-size: 18px; line-height: 20px; text-align: center; } /** making polls prettier **/ .WikiaPrettyPoll div.ajax-poll { padding-right: 3em; } .WikiaPrettyPoll .pollAnswerVotes { height: 24px; border-color: #004a87; } .WikiaPrettyPoll .pollAnswerVotes div { height: 24px; background: #004a87; } .WikiaPrettyPoll .pollAnswerVotes span { color: white; top: 0; font-size: 16px; font-weight: bold; } /* Wikia University */ .wikiauniversity-landing .top { margin-bottom: 60px; } .wikiauniversity-landing .top .left { background: url("http://static.wikia.com/central/images/e/e6/WU-Header-Left.png") no-repeat scroll 0% 0% transparent; display: inline-block; height: 249px; margin-right: -5px; width: 226px; } .wikiauniversity-landing .top .background { background: url("http://static.wikia.com/central/images/b/b8/WU-Header-Background.png") repeat scroll 0% 0% transparent; display: inline-block; height: 249px; width: calc(100% - 452px); width: -moz-calc(100% - 452px); width: -webkit-calc(100% - 452px); } .wikiauniversity-landing .top .right { background: url("http://static.wikia.com/central/images/7/70/WU-Header-Right.png") no-repeat scroll 0% 0% transparent; display: inline-block; height: 249px; margin-left: -5px; width: 226px; } .wikiauniversity-landing .top .logo { margin-top: -223px; } .wikiauniversity-landing .intro { margin-left: 22px; } .wikiauniversity-landing .intro .header { color: #0a5fa3; font-size: 16px; font-weight: bold; margin-bottom: 5px; } .wikiauniversity-landing .intro { margin-left: 19px; } .wikiauniversity-landing .intro .header { color: #0a5fa3; font-size: 16px; font-weight: bold; margin-bottom: 4px; } .wikiauniversity-landing .track { margin: 26px auto 7px 22px; text-align: center; width: 100%; } .wikiauniversity-landing .track .header { color: #0a5fa3; font-size: 16px; font-weight: bold; margin-bottom: 24px; text-align: left; } .wikiauniversity-landing .track .button-container { display: inline-block; margin-right: 26px; vertical-align: top; width: 201px; } .wikiauniversity-landing .track .wu-button a { background: none repeat scroll 0% 0% #002d55; border-radius: 10px; color: white; display: block; font-weight: bold; padding: 7px 0px; text-align: center; text-transform: uppercase; width: 100%; } .wikiauniversity-landing .track .wu-button a:visited { color: white; } .wikiauniversity-landing .track .caption { font-size: 12px; font-style: italic; margin-bottom: 18px; margin-top: 7px; text-align: center; width: 100%; } .wikiauniversity-landing .track .caption .title { font-style: normal; font-weight: bold; font-size: 14px; } .wikiauniversity-landing .updates { margin: 0px auto 30px 22px; width: 100%; } .wikiauniversity-landing .updates .header { color: #0a5fa3; font-size: 16px; font-weight: bold; margin-bottom: 7px; text-align: left; } .wikiauniversity-landing .updates .date { color: #0a5fa3; font-weight: bold; } .wikiauniversity-landing .updates ul { width: 90%; } .wikiauniversity-navigation ul { border-bottom: 1px solid #cccccc; margin: -7px 0px 25px; padding-bottom: 4px; padding-left: 2px; } .wikiauniversity-navigation li { display: inline-block; margin-bottom: -5px; margin-right: 5px; } .wikiauniversity-navigation li:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #676767; border-style: solid; border-width: 4.5px 0px 4.5px 5px; content:""; display: inline-block; height: 0px; margin-left: 8px; margin-right: 2px; position: relative; top: -1px; width: 0px; } .wikiauniversity-navigation li:last-child:after { display: none; } .wikiauniversity-navigation li a { color: #3a3a3a; } .wikiauniversity-track .header .logo { display: inline-block; float: left; margin-left: 2px; } .wikiauniversity-track .header .text { color: #0a5fa3; font-size: 18px; font-weight: bold; margin-bottom: 11px; margin-left: 17px; } .wikiauniversity-track .header .border { background: none repeat scroll 0% 0% #000000; height: 1px; margin-left: 17px; } .wikiauniversity-track .right { display: inline-block; float: left; width: calc(100% - 76px); } .wikiauniversity-track .content { margin-left: 12px; margin-top: 17px; } .wikiauniversity-track .content .description { display: inline-block; margin-top: -8px; vertical-align: top; width: calc(100% - 386px); } .wikiauniversity-track .content .courses { display: inline-block; float: right; vertical-align: top; width: 340px; } .wikiauniversity-track .courses .button-container { display: inline-block; margin-right: 26px; vertical-align: top; width: 137px; } .wikiauniversity-track .courses .wu-button a { background: none repeat scroll 0% 0% #002d55; border-radius: 10px; color: white; display: block; font-weight: bold; padding: 7px 0px; text-align: center; text-transform: uppercase; width: 100%; } .wikiauniversity-track .courses .wu-button a:visited { color: white; } .wikiauniversity-track .courses .caption { font-size: 12px; font-style: italic; margin-bottom: 18px; margin-top: 7px; text-align: center; width: 100%; } .wikiauniversity-track .content .border { background: none repeat scroll 0% 0% #000000; float: left; height: 1px; margin-top: 9px; width: 100%; } .wikiauniversity-track .whatis { margin-left: 22px; } .wikiauniversity-track .whatis .header { color: #0a5fa3; font-size: 16px; font-weight: bold; margin-top: 17px; margin-bottom: 12px; } .wikiauniversity-course .header .logo { float: left; } .wikiauniversity-course .header .text { color: #0a5fa3; font-size: 20px; font-weight: bold; padding-top: 15px; text-align: center; } .wikiauniversity-course div.video { margin-bottom: -4px; margin-top: 11px; } .wikiauniversity-course div.video figcaption { display: none; } .wikiauniversity-course .description { margin-bottom: 16px; margin-left: 22px; } .wikiauniversity-course .resources { margin-left: 22px; } .wikiauniversity-course .resources .header { color: #0a5fa3; font-weight: bold; } .wikiauniversity-course .buttons { margin-top: 27px; text-align: center; vertical-align: top; } .wikiauniversity-course .wu-button, .wikiauniversity-course .previous, .wikiauniversity-course .next { display: inline-block; margin-right: 21px; width: 143px; } .wikiauniversity-course .wu-button a { background: none repeat scroll 0% 0% #002d55; border-radius: 10px; color: white; display: inline-block; font-weight: bold; padding: 7px 0px; text-align: center; text-transform: uppercase; width: 100%; }
 * 1) file img {