From: Tom Gilder Date: Sun, 30 Jan 2005 16:57:38 +0000 (+0000) Subject: monoboob/main.css cleanup; don't use underscore for selector X-Git-Tag: 1.5.0alpha1~817 X-Git-Url: http://git.cyclocoop.org/%24image?a=commitdiff_plain;h=8928e2ca8b1c0dfc98975d1457b2cb34ba0d78a3;p=lhc%2Fweb%2Fwiklou.git monoboob/main.css cleanup; don't use underscore for selector --- diff --git a/includes/QueryPage.php b/includes/QueryPage.php index 446dc6f0fd..90954ceb9a 100644 --- a/includes/QueryPage.php +++ b/includes/QueryPage.php @@ -186,7 +186,7 @@ class QueryPage { for ( $i = 0; $i < $num && $obj = $dbr->fetchObject( $res ); $i++ ) { $format = $this->formatResult( $sk, $obj ); $attr = ( isset ( $obj->usepatrol ) && $obj->usepatrol && - $obj->patrolled == 0 ) ? ' class="not_patrolled"' : ''; + $obj->patrolled == 0 ) ? ' class="not-patrolled"' : ''; $s .= "{$format}\n"; } $dbr->freeResult( $res ); diff --git a/skins/amethyst/main.css b/skins/amethyst/main.css index 4ac7294e16..872269a8af 100644 --- a/skins/amethyst/main.css +++ b/skins/amethyst/main.css @@ -983,7 +983,7 @@ fieldset.operaprefsection { margin-left: 15em } display: none; } -ul.special li.not_patrolled, ol.special li.not_patrolled { +ul.special li.not-patrolled, ol.special li.not-patrolled { background-color: #2A3C61; } div.patrollink { diff --git a/skins/chick/main.css b/skins/chick/main.css index 8790d4bd95..25c3ee29c4 100755 --- a/skins/chick/main.css +++ b/skins/chick/main.css @@ -418,7 +418,7 @@ div.portlet { margin: 0.5em 0; } margin:5px; } -ul.special li.not_patrolled, ol.special li.not_patrolled { +ul.special li.not-patrolled, ol.special li.not-patrolled { background-color: #ffa; } div.patrollink { diff --git a/skins/monobook/main.css b/skins/monobook/main.css index 712b21197c..97e2e704cc 100644 --- a/skins/monobook/main.css +++ b/skins/monobook/main.css @@ -12,20 +12,23 @@ #column-content { width: 100%; float: right; - margin: 0 0 0.6em -12.2em; - padding:0; + margin: 0 0 .6em -12.2em; + padding: 0; } #content { margin: 2.8em 0 0 12.2em; - padding: 0em 1em 1.5em 1em; - background: White; - border: 1px solid #aaaaaa; + padding: 0 1em 1.5em 1em; + background: white; + color: black; + border: 1px solid #aaa; border-right: none; line-height: 1.5em; position: relative; z-index: 2; } -#column-one { padding-top: 160px; } +#column-one { + padding-top: 160px; +} /* the left column width is specified in class .portlet */ /* Font size: @@ -36,68 +39,82 @@ body { font: x-small sans-serif; - background: #f9f9f9 url("headbg.jpg") 0px 0px no-repeat; - color: Black; + background: #f9f9f9 url(headbg.jpg) 0 0 no-repeat; + color: black; margin: 0; padding: 0; } /* scale back up to a sane default */ #globalWrapper { - font-size:127%; + font-size: 127%; width: 100%; margin: 0; padding: 0; } -.visualClear { clear: both; } +.visualClear { + clear: both; +} /* general styles */ table { font-size: 100%; - background: White; + background: white; + color: black; } a { text-decoration: none; color: #002bb8; background: none; } -a:visited { color: #5a3696; } -a:active { color: #faa700; } -a:hover { text-decoration: underline; } -a.stub { color: #772233; } -a.new, -#p-personal a.new { color:#ba0000; } -a.new:visited, -#p-personal a.new:visited { color:#a55858; } +a:visited { + color: #5a3696; +} +a:active { + color: #faa700; +} +a:hover { + text-decoration: underline; +} +a.stub { + color: #772233; +} +a.new, #p-personal a.new { + color: #ba0000; +} +a.new:visited, #p-personal a.new:visited { + color: #a55858; +} img { border: none; vertical-align: middle; } p { - margin: 0.4em 0em 0.5em 0em; + margin: .4em 0 .5em 0; line-height: 1.5em; } - -p img { margin: 0; } +p img { + margin: 0; +} hr { height: 1px; - color: #aaaaaa; - background-color: #aaaaaa; + color: #aaa; + background-color: #aaa; border: 0; - margin: 0.2em 0 0.2em 0; + margin: .2em 0 .2em 0; } h1, h2, h3, h4, h5, h6 { - color: Black; + color: black; background: none; font-weight: normal; margin: 0; - padding-top: 0.5em; - padding-bottom: 0.17em; - border-bottom: 1px solid #aaaaaa; + padding-top: .5em; + padding-bottom: .17em; + border-bottom: 1px solid #aaa; } h1 { font-size: 188%; } h2 { font-size: 150%; } @@ -113,40 +130,42 @@ h6 { font-size: 80%; } ul { line-height: 1.5em; list-style-type: square; - margin: 0.3em 0 0 1.5em; - padding:0; - list-style-image: url("bullet.gif"); + margin: .3em 0 0 1.5em; + padding: 0; + list-style-image: url(bullet.gif); } ol { line-height: 1.5em; - margin: 0.3em 0 0 3.2em; - padding:0; + margin: .3em 0 0 3.2em; + padding: 0; list-style-image: none; } -li { margin-bottom: 0.1em; } +li { + margin-bottom: .1em; +} dt { font-weight: bold; - margin-bottom: 0.1em; + margin-bottom: .1em; } -dl{ - margin-top: 0.2em; - margin-bottom: 0.5em; +dl { + margin-top: .2em; + margin-bottom: .5em; } dd { line-height: 1.5em; margin-left: 2em; - margin-bottom: 0.1em; + margin-bottom: .1em; } fieldset { border: 1px solid #2f6fab; - margin: 1em 0em 1em 0em; - padding: 0em 1em 1em 1em; + margin: 1em 0 1em 0; + padding: 0 1em 1em; line-height: 1.5em; } legend { - background: White; - padding: 0.5em; + background: white; + padding: .5em; font-size: 95%; } form { @@ -155,26 +174,25 @@ form { } textarea { - color: Black; + color: black; background-color: white; width: 100%; - padding: 0.1em; + padding: .1em; } - input.historysubmit { - padding: 0 0.3em 0.3em 0.3em !important; + padding: 0 .3em .3em .3em !important; font-size: 94%; cursor: pointer; height: 1.7em !important; margin-left: 1.6em; } select { - vertical-align: top; + vertical-align: top; } abbr, acronym, .explain { - border-bottom: 1px dotted Black; - color: Black; + border-bottom: 1px dotted black; + color: black; background: none; cursor: help; } @@ -187,21 +205,24 @@ blockquote { font-family: Times, "Times New Roman", serif; font-style: italic; }*/ -code { background-color: #f9f9f9; } +code { + background-color: #f9f9f9; +} pre { padding: 1em; border: 1px dashed #2f6fab; - color: Black; + color: black; background-color: #f9f9f9; line-height: 1.1em; } - /* ** the main content area */ -#siteSub { display: none; } +#siteSub { + display: none; +} #contentSub { font-size: 84%; line-height: 1.2em; @@ -209,31 +230,35 @@ pre { color: #7d7d7d; width: auto; } -span.subpages { display: block; } +span.subpages { + display: block; +} /* Some space under the headers in the content area */ -#bodyContent h1, #bodyContent h2 { margin-bottom:0.6em; } -#bodyContent h3, -#bodyContent h4, -#bodyContent h5 { - margin-bottom: 0.3em; +#bodyContent h1, #bodyContent h2 { + margin-bottom: .6em; +} +#bodyContent h3, #bodyContent h4, #bodyContent h5 { + margin-bottom: .3em; +} +.firstHeading { + margin-bottom: .1em; } -.firstHeading { margin-bottom:0.1em; } /* user notification thing */ .usermessage { background-color: #ffce7b; border: 1px solid #ffa500; - color: Black; + color: black; font-weight: bold; - margin: 2em 0em 1em 0em; - padding: 0.5em 1em; + margin: 2em 0 1em; + padding: .5em 1em; vertical-align: middle; } #siteNotice { text-align: center; font-size: 95%; - padding: 0 0.9em 0 0.9em; + padding: 0 .9em; } #siteNotice p { margin: 0; @@ -244,9 +269,9 @@ span.subpages { display: block; } font-size: larger; } #catlinks { - border:1px solid #aaaaaa; - background-color:#f9f9f9; - padding:5px; + border: 1px solid #aaa; + background-color: #f9f9f9; + padding: 5px; margin-top: 1em; clear: both; } @@ -256,7 +281,7 @@ in the bottom-right corner of the content area */ /* The summary text describing the document */ font-weight: bold; display: block; - margin: 1em 0em; + margin: 1em 0; line-height: 1.5em; } .documentByLine { @@ -277,8 +302,12 @@ in the bottom-right corner of the content area */ margin-right: auto; } /* small for tables and similar */ -.small, .small * { font-size: 94%; } -table.small { font-size: 100% } +.small, .small * { + font-size: 94%; +} +table.small { + font-size: 100%; +} /* ** content styles @@ -305,7 +334,7 @@ table.small { font-size: 100% } text-align: center; } #toc * { - float: none!important; + float: none !important; } #toc h2 { margin-right: 0; @@ -347,48 +376,49 @@ div.floatright, table.floatright { clear: right; float: right; position: relative; - margin: 0 0 0.5em 0.5em; - border: 0 + margin: 0 0 .5em .5em; + border: 0; /* - border: 0.5em solid White; - border-width: 0.5em 0 0.8em 1.4em; + border: .5em solid white; + border-width: .5em 0 .8em 1.4em; */ } div.floatright p { font-style: italic; } div.floatleft, table.floatleft { float: left; position: relative; - margin: 0 0.5em 0.5em 0; - border: 0 + margin: 0 .5em .5em 0; + border: 0; /* - margin: 0.3em 0.5em 0.5em 0; - border: 0.5em solid White; - border-width: 0.5em 1.4em 0.8em 0; + margin: .3em .5em .5em 0; + border: .5em solid white; + border-width: .5em 1.4em .8em 0; */ } div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb { - margin-bottom: 0.5em; - border-style: solid; border-color: White; + margin-bottom: .5em; + border-style: solid; + border-color: white; width: auto; } div.thumb div { - border:1px solid #cccccc; + border: 1px solid #ccc; padding: 3px !important; - background-color:#f9f9f9; + background-color: #f9f9f9; font-size: 94%; text-align: center; overflow: hidden; } div.thumb div a img { - border:1px solid #cccccc; + border: 1px solid #ccc; } div.thumb div div.thumbcaption { border: none; text-align: left; line-height: 1.4em; - padding: 0.3em 0 0.1em 0; + padding: .3em 0 .1em 0; } div.magnify { float: right; @@ -403,19 +433,23 @@ div.magnify a, div.magnify img { div.tright { clear: right; float: right; - border-width: 0.5em 0 0.8em 1.4em; + border-width: .5em 0 .8em 1.4em; } div.tleft { float: left; - margin-right:0.5em; - border-width: 0.5em 1.4em 0.8em 0; + margin-right: .5em; + border-width: .5em 1.4em .8em 0; } .hiddenStructure { display: none; } -img.tex { vertical-align: middle; } -span.texhtml { font-family: serif; } +img.tex { + vertical-align: middle; +} +span.texhtml { + font-family: serif; +} /* ** classes for special content elements like town boxes @@ -427,40 +461,40 @@ span.texhtml { font-family: serif; } */ /* table standards */ table.rimage { - float:right; - position:relative; - margin-left:1em; - margin-bottom:1em; - text-align:center; + float: right; + position: relative; + margin-left: 1em; + margin-bottom: 1em; + text-align: center; } .toccolours { - border:1px solid #aaaaaa; - background-color:#f9f9f9; - padding:5px; + border: 1px solid #aaa; + background-color: #f9f9f9; + padding: 5px; font-size: 95%; } div.townBox { - position:relative; - float:right; - background:White; - margin-left:1em; + position: relative; + float: right; + background: white; + margin-left: 1em; border: 1px solid gray; - padding:0.3em; + padding: .3em; width: 200px; overflow: hidden; clear: right; } div.townBox dl { padding: 0; - margin: 0 0 0.3em 0; + margin: 0 0 .3em; font-size: 96%; } div.townBox dl dt { background: none; - margin: 0.4em 0 0 0; + margin: .4em 0 0; } div.townBox dl dd { - margin: 0.1em 0 0 1.1em; + margin: .1em 0 0 1.1em; background-color: #f3f3f3; } @@ -475,36 +509,46 @@ div.townBox dl dd { /* Page history styling */ /* the auto-generated edit comments */ -.autocomment { color: gray; } +.autocomment { + color: gray; +} #pagehistory span.user { margin-left: 1.4em; - margin-right: 0.4em; + margin-right: .4em; +} +#pagehistory span.minor { + font-weight: bold; +} +#pagehistory li { + border: 1px solid white; } -#pagehistory span.minor { font-weight: bold; } -#pagehistory li { border: 1px solid White; } #pagehistory li.selected { - background-color:#f9f9f9; - border:1px dashed #aaaaaa; + background-color: #f9f9f9; + border: 1px dashed #aaa; } + /* ** Diff rendering */ -table.diff { background:white; } -td.diff-otitle { background:#ffffff; } -td.diff-ntitle { background:#ffffff; } +table.diff, td.diff-otitle, td.diff-ntitle { + background-color: white; +} td.diff-addedline { - background:#ccffcc; + background: #cfc; font-size: smaller; } td.diff-deletedline { - background:#ffffaa; + background: #ffa; font-size: smaller; } td.diff-context { - background:#eeeeee; + background: #eee; font-size: smaller; } -span.diffchange { color: red; font-weight: bold; } +span.diffchange { + color: red; + font-weight: bold; +} /* ** keep the whitespace in front of the ^=, hides rule from konqueror @@ -517,36 +561,38 @@ span.diffchange { color: red; font-weight: bold; } } #bodyContent a[href ^="https://"], .link-https { - background: url("lock_icon.gif") center right no-repeat; + background: url(lock_icon.gif) center right no-repeat; padding-right: 16px; } #bodyContent a[href ^="mailto:"], .link-mailto { - background: url("mail_icon.gif") center right no-repeat; + background: url(mail_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="news://"] { - background: url("news_icon.png") center right no-repeat; + background: url(news_icon.png) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="ftp://"], .link-ftp { - background: url("file_icon.gif") center right no-repeat; + background: url(file_icon.gif) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="irc://"], .link-irc { - background: url("discussionitem_icon.gif") center right no-repeat; + background: url(discussionitem_icon.gif) center right no-repeat; padding-right: 18px; } /* disable interwiki styling */ #bodyContent a.extiw, #bodyContent a.extiw:active { - color: #3366bb; + color: #36b; background: none; padding: 0; } -#bodyContent a.external { color: #3366bb; } +#bodyContent a.external { + color: #36b; +} /* this can be used in the content area to switch off special external link styling */ #bodyContent .plainlinks a { @@ -562,9 +608,9 @@ special external link styling */ */ .portlet { border: none; - margin: 0 0 0.5em 0em; - float: none; + margin: 0 0 .5em; padding: 0; + float: none; width: 11.6em; overflow: hidden; } @@ -575,11 +621,11 @@ special external link styling */ } .portlet h5 { background: transparent; - padding: 0em 1em 0em 0.5em; - text-transform: lowercase; + padding: 0 1em 0 .5em; display: inline; - font-size: 91%; height: 1em; + text-transform: lowercase; + font-size: 91%; font-weight: normal; white-space: nowrap; } @@ -587,7 +633,7 @@ special external link styling */ background: #ffae2e; border: 1px solid #2f6fab; border-style: solid solid none solid; - padding: 0em 1em 0em 1em; + padding: 0 1em 0 1em; text-transform: lowercase; display: block; font-size: 1em; @@ -597,10 +643,11 @@ special external link styling */ } .pBody { font-size: 95%; - background: White; + background-color: white; + color: black; border-collapse: collapse; - border: 1px solid #aaaaaa; - padding: 0 0.8em 0.3em 0.5em; + border: 1px solid #aaa; + padding: 0 .8em .3em .5em; } .portlet h1, .portlet h2, @@ -612,8 +659,8 @@ special external link styling */ .portlet ul { line-height: 1.5em; list-style-type: square; - list-style-image: url("bullet.gif"); - font-size:95%; + list-style-image: url(bullet.gif); + font-size: 95%; } .portlet li { padding: 0; @@ -626,14 +673,16 @@ special external link styling */ #p-logo { z-index: 3; - position:absolute; /*needed to use z-index */ + position: absolute; /*needed to use z-index */ top: 0; left: 0; height: 155px; width: 12em; overflow: visible; } -#p-logo h5 { display: none; } +#p-logo h5 { + display: none; +} #p-logo a, #p-logo a:hover { display: block; @@ -649,22 +698,22 @@ special external link styling */ */ #p-nav { - position:relative; - z-index:3; + position: relative; + z-index: 3; } /* ** Search portlet */ #p-search { - position:relative; - z-index:3; + position: relative; + z-index: 3; } #p-search .pBody { text-align: center; } input.searchButton { - margin-top:1px; + margin-top: 1px; font-size: 95%; } #searchGoButton { @@ -678,7 +727,7 @@ input.searchButton { font-size: 95%; } #p-search .pBody { - padding: 0.5em 0.4em 0.4em 0.4em; + padding: .5em .4em .4em .4em; } /* @@ -686,13 +735,13 @@ input.searchButton { */ #p-personal { - width:100%; - white-space:nowrap; + width: 100%; + white-space: nowrap; padding: 0; margin: 0; - position:absolute; - left:0px; - top:0px; + position: absolute; + left: 0; + top: 0; z-index: 0; border: none; background: none; @@ -701,14 +750,14 @@ input.searchButton { } #p-personal h5 { - display:none; + display: none; } #p-personal .portlet, #p-personal .pBody { - padding:0; - margin:0; + padding: 0; + margin: 0; border: none; - z-index:0; + z-index: 0; overflow: visible; background: none; } @@ -717,18 +766,18 @@ input.searchButton { border: none; line-height: 1.4em; color: #2f6fab; - padding: 0em 2em 0 3em; + padding: 0 2em 0 3em; margin: 0; text-align: right; text-transform: lowercase; list-style: none; - z-index:0; + z-index: 0; background: none; } #p-personal li { - z-index:0; - border:none; - padding:0; + z-index: 0; + border: none; + padding: 0; display: inline; color: #2f6fab; margin-left: 1em; @@ -738,12 +787,12 @@ input.searchButton { #p-personal li a { text-decoration: none; color: #005896; - padding-bottom: 0.2em; + padding-bottom: .2em; background: none; } #p-personal li a:hover { - background-color: White; - padding-bottom: 0.2em; + background-color: white; + padding-bottom: .2em; text-decoration: none; } @@ -752,7 +801,7 @@ in bg url to hide it from iemac */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { - background: url('user.gif') top left no-repeat; + background: url(user.gif) top left no-repeat; padding-left: 20px; text-transform: none; } @@ -761,11 +810,11 @@ li#pt-login { ** the page-related actions- page/talk, edit etc */ #p-cactions { - position:absolute; + position: absolute; top: 1.3em; left: 11.5em; margin: 0; - white-space:nowrap; + white-space: nowrap; width: 76%; line-height: 1.1em; overflow: visible; @@ -775,70 +824,85 @@ li#pt-login { list-style: none; font-size: 95%; } -#p-cactions .hiddenStructure { display: none; } +#p-cactions .hiddenStructure { + display: none; +} #p-cactions ul { list-style: none; } #p-cactions li { display: inline; - border: 1px solid #aaaaaa; + border: 1px solid #aaa; border-bottom: none; - padding: 0 0 0.1em 0; - margin: 0 0.3em 0 0; + padding: 0 0 .1em 0; + margin: 0 .3em 0 0; overflow: visible; - background: White; + background: white; } #p-cactions li.selected { border-color: #fabd23; - padding: 0 0 0.2em 0; + padding: 0 0 .2em 0; } #p-cactions li a { - background-color: White; + background-color: white; color: #002bb8; border: none; - padding: 0 0.8em 0.3em 0.8em; + padding: 0 .8em .3em .8em; text-decoration: none; text-transform: lowercase; position: relative; z-index: 0; margin: 0; } -#p-cactions .selected a { z-index: 3; } -#p-cactions .new a { color:#ba0000; } +#p-cactions .selected a { + z-index: 3; +} +#p-cactions .new a { + color: #ba0000; +} #p-cactions li a:hover { z-index: 3; text-decoration: none; } -#p-cactions h5 { display: none; } -#p-cactions li.istalk { margin-right: 0; } -#p-cactions li.istalk a { padding-right: 0.5em; } +#p-cactions h5 { + display: none; +} +#p-cactions li.istalk { + margin-right: 0; +} +#p-cactions li.istalk a { + padding-right: .5em; +} #p-cactions #ca-addsection a { - padding-left: 0.4em; - padding-right: 0.4em; + padding-left: .4em; + padding-right: .4em; } /* offsets to distinguish the tab groups */ -li#ca-talk { margin-right: 1.6em; } -li#ca-watch, li#ca-watch, li#ca-varlang-0 { margin-left: 1.6em; } - +li#ca-talk { + margin-right: 1.6em; +} +li#ca-watch, li#ca-watch, li#ca-varlang-0 { + margin-left: 1.6em; +} /* ** the remaining portlets */ #p-tbx, #p-lang { - position:relative; - z-index:3; + position: relative; + z-index: 3; } /* ** footer */ #footer { - background-color: White; + background-color: white; border-top: 1px solid #fabd23; border-bottom: 1px solid #fabd23; - margin: 0.6em 0em 1em 0em; - padding: 0.4em 0em 1.2em 0em; + margin: .6em 0 1em 0; + padding: .4em 0 1.2em 0; text-align: center; font-size: 90%; } @@ -865,13 +929,15 @@ head:first-child+body #footer li { white-space: nowrap; } /* js pref toc */ #preftoc { float: left; - margin: 1em 1em 1em 1em; + margin: 1em; width: 13em; } -#preftoc li { border: 1px solid White; } +#preftoc li { + border: 1px solid white; +} #preftoc li.selected { - background-color:#f9f9f9; - border:1px dashed #aaaaaa; + background-color: #f9f9f9; + border: 1px dashed #aaa; } #preftoc a, #preftoc a:active { @@ -887,7 +953,9 @@ div.prefsectiontip { font-size: 95%; margin-top: 1em; } -fieldset.operaprefsection { margin-left: 15em } +fieldset.operaprefsection { + margin-left: 15em; +} /* ** IE/Mac fixes, hope to find a validating way to move this @@ -895,9 +963,9 @@ fieldset.operaprefsection { margin-left: 15em } ** @import("IEMacFixes.css"); */ /* tabs: border on the a, not the div */ -* > html #p-cactions li { border:none; } +* > html #p-cactions li { border: none; } * > html #p-cactions li a { - border: 1px solid #aaaaaa; + border: 1px solid #aaa; border-bottom: none; } * > html #p-cactions li.selected a { border-color: #fabd23; } @@ -934,79 +1002,79 @@ fieldset.operaprefsection { margin-left: 15em } margin-left: 13.2em; } .redirectText { - font-size:150%; - margin:5px; + font-size: 150%; + margin: 5px; } .printfooter { - display: none; + display: none; } -.not_patrolled { - background-color: #ffa; +.not-patrolled { + background-color: #ffa; } div.patrollink { - font-size: 75%; - text-align: right; + font-size: 75%; + text-align: right; } span.newpage, span.minor, span.searchmatch { - font-weight: bold; + font-weight: bold; } span.unpatrolled { - font-weight:bold; - color:red; + font-weight: bold; + color: red; } span.searchmatch { - color: red; + color: red; } .sharedUploadNotice { - font-style: italic; + font-style: italic; } span.updatedmarker { - color:black; - background-color:#00FF00; + color: black; + background-color: #0f0; } span.newpageletter { - font-weight:bold; - color:black; - background-color:yellow; + font-weight: bold; + color: black; + background-color: yellow; } span.minoreditletter { - color:black; - background-color:#C5FFE6; + color: black; + background-color: #c5ffe6; } table.gallery { - border: 1px solid #cccccc; - margin: 2px; - padding: 2px; - background-color:#ffffff; + border: 1px solid #ccc; + margin: 2px; + padding: 2px; + background-color: white; } table.gallery tr { - vertical-align:top; + vertical-align: top; } table.gallery td { - vertical-align:top; - background-color:#f9f9f9; - border: solid 2px white; + vertical-align: top; + background-color: #f9f9f9; + border: solid 2px white; } div.gallerybox { - margin: 2px; - width: 150px; + margin: 2px; + width: 150px; } div.gallerybox div.thumb { - text-align: center; - border: 1px solid #cccccc; - margin: 2px; + text-align: center; + border: 1px solid #ccc; + margin: 2px; } div.gallerytext { - font-size: 94%; - padding: 2px 4px; -} + font-size: 94%; + padding: 2px 4px; +} \ No newline at end of file