Room around thumbs should be margin, not a transparent border.
[lhc/web/wiklou.git] / skins / modern / main.css
index ebae575..a1c512b 100644 (file)
@@ -12,7 +12,8 @@ body {
 
 #mw_main,
 #p-personal,
-#mw_header {
+#mw_header,
+.os-suggest {
        font-size: 130%;
 }
 
@@ -68,7 +69,8 @@ body {
 }
 
 #p-personal li {
-       display: block; float: left;
+       display: block;
+       float: left;
        height: 1.5em;
        margin: 0 0 0 0;
        vertical-align: middle;
@@ -139,7 +141,7 @@ div.mw_clear {
 }
 
 .portlet div.pBody {
-       padding: 0em 0 1em 0;
+       padding: 0em 0 0.5em 0;
 }
 
 textarea {
@@ -152,11 +154,15 @@ textarea {
 }
 
 #searchInput {
-       display: block;
+       width: 85%;
        margin-left: auto;
        margin-right: auto;
 }
 
+#p-search #searchform div div {
+       margin-top: .4em;
+}
+
 .portlet h5 {
        padding: 0.1em 0 0.3em 1em;
        margin: 0 0 0 0;
@@ -276,6 +282,14 @@ p {
        margin: 1em 0 1em 0;
 }
 
+hr {
+       height: 1px;
+       color: #aaa;
+       background-color: #aaa;
+       border: 0;
+       margin: .2em 0 .2em 0;
+}
+
 #contentSub {
        color: #888;
        font-size: small;
@@ -288,27 +302,27 @@ p {
 }
 
 a {
-        text-decoration: none;
-        color: #003366;
-        background: none;
+       text-decoration: none;
+       color: #003366;
+       background: none;
 }
 a:visited {
-        color: #5a3696;
+       color: #5a3696;
 }
 a:active {
-        color: #faa700;
+       color: #faa700;
 }
 a:hover {
-        text-decoration: underline;
+       text-decoration: underline;
 }
 a.stub {
-        color: #772233;
+       color: #772233;
 }
 a.new {
-        color: #ba0000;
+       color: #ba0000;
 }
 a.new:visited {
-        color: #a55858;
+       color: #a55858;
 }
 
 span.editsection {
@@ -340,6 +354,7 @@ h1, h2 {
        margin: 0 0 0 0;
        padding: 0em 1em 1em 1em;
        border: solid 1px #bbbbbb;
+       clear: left; /* Multi-line toc should not push data to horizontally */
 }
 
 #preferences fieldset {
@@ -354,6 +369,16 @@ h1, h2 {
        display: none;
 }
 
+.htmlform-tip {
+       font-size: x-small;
+       padding: .2em 2em;
+       color: #666;
+}
+
+.prefsection legend {
+       font-weight: bold;
+}
+
 #preftoc li.selected {
        background-color: #bbbbbb;
 }
@@ -372,34 +397,39 @@ h1, h2 {
        color: white;
 }
 
+#mw-pref-clear {
+       clear: both;
+}
+
 #mw_content a.external,
 #mw_content a[href ^="gopher://"] {
-        background: url(external.png) center right no-repeat;
-        padding-right: 13px;
+       background: url(external.png) center right no-repeat;
+       padding-right: 13px;
 }
 #mw_content a[href ^="https://"],
 .link-https {
-        background: url(lock_icon.gif) center right no-repeat;
-        padding-right: 16px;
+       background: url(lock_icon.gif) center right no-repeat;
+       padding-right: 16px;
 }
 #mw_content a[href ^="mailto:"],
 .link-mailto {
-        background: url(mail_icon.gif) center right no-repeat;
-        padding-right: 18px;
+       background: url(mail_icon.gif) center right no-repeat;
+       padding-right: 18px;
 }
 #mw_content a[href ^="news://"] {
-        background: url(news_icon.png) center right no-repeat;
-        padding-right: 18px;
+       background: url(news_icon.png) center right no-repeat;
+       padding-right: 18px;
 }
 #mw_content a[href ^="ftp://"],
 .link-ftp {
-        background: url(file_icon.gif) center right no-repeat;
-        padding-right: 18px;
+       background: url(file_icon.gif) center right no-repeat;
+       padding-right: 18px;
 }
 #mw_content a[href ^="irc://"],
+#mw_content a.extiw[href ^="irc://"],
 .link-irc {
-        background: url(discussionitem_icon.gif) center right no-repeat;
-        padding-right: 18px;
+       background: url(discussionitem_icon.gif) center right no-repeat;
+       padding-right: 18px;
 }
 
 #mw_content a.external[href $=".ogg"], #mw_content a.external[href $=".OGG"],
@@ -409,23 +439,23 @@ h1, h2 {
 #mw_content a.external[href $=".wav"], #mw_content a.external[href $=".WAV"],
 #mw_content a.external[href $=".wma"], #mw_content a.external[href $=".WMA"],
 .link-audio {
-        background: url("audio.png") center right no-repeat;
-        padding-right: 13px;
+       background: url("audio.png") center right no-repeat;
+       padding-right: 13px;
 }
 #mw_content a.external[href $=".ogm"], #mw_content a.external[href $=".OGM"],
 #mw_content a.external[href $=".avi"], #mw_content a.external[href $=".AVI"],
 #mw_content a.external[href $=".mpeg"], #mw_content a.external[href $=".MPEG"],
 #mw_content a.external[href $=".mpg"], #mw_content a.external[href $=".MPG"],
 .link-video {
-        background: url("video.png") center right no-repeat;
-        padding-right: 13px;
+       background: url("video.png") center right no-repeat;
+       padding-right: 13px;
 }
 #mw_content a.external[href $=".pdf"], #mw_content a.external[href $=".PDF"],
 #mw_content a.external[href *=".pdf#"], #mw_content a.external[href *=".PDF#"],
 #mw_content a.external[href *=".pdf?"], #mw_content a.external[href *=".PDF?"],
 .link-document {
-        background: url("document.png") center right no-repeat;
-        padding-right: 12px;
+       background: url("document.png") center right no-repeat;
+       padding-right: 12px;
 }
 
 /* images */
@@ -457,8 +487,6 @@ div.floatleft p { font-style: italic; }
 /* thumbnails */
 div.thumb {
        margin-bottom: .5em;
-       border-style: solid;
-       border-color: white;
        width: auto;
 }
 div.thumbinner {
@@ -492,13 +520,12 @@ div.magnify a, div.magnify img {
 div.tright {
        clear: right;
        float: right;
-       border-width: .5em 0 .8em 1.4em;
+       margin: .5em 0 .8em 1.4em;
 }
 div.tleft {
        float: left;
        clear: left;
-       margin-right: .5em;
-       border-width: .5em 1.4em .8em 0;
+       margin: .5em 1.9em .8em 0;
 }
 img.thumbborder {
        border: 1px solid #dddddd;
@@ -506,12 +533,6 @@ img.thumbborder {
 .hiddenStructure {
        display: none;
 }
-
-#mw_content .plainlinks a {
-        background: none !important;
-        padding: 0 !important;
-}
-
 .mw-warning {
        border: 1px solid #aaa;
        background-color: #f9f9f9;
@@ -582,13 +603,8 @@ img.thumbborder {
 .catlinks {
        border: solid 1px #bbbbbb;
        background-color: #f0f0f0;
-       padding: 0.5em 0.5em 0.5em 0.5em;
-       margin: 0 0 0 0;
-}
-
-.catlinks {
+       padding: 0.1em 0.3em 0.1em 0.3em;
        margin: 0 0 0 0;
-       padding: 0 0 0 0;
 }
 
 #mw_header h1,
@@ -619,24 +635,6 @@ img.thumbborder {
        display: none;
 }
 
-.not-patrolled {
-       background-color: #ffa;
-}
-div.patrollink {
-       font-size: 75%;
-       text-align: right;
-}
-span.newpage, span.minor, span.searchmatch, span.bot {
-       font-weight: bold;
-}
-span.unpatrolled {
-       font-weight: bold;
-       color: red;
-}
-
-span.searchmatch {
-       color: red;
-}
 .sharedUploadNotice {
        font-style: italic;
 }
@@ -646,55 +644,6 @@ span.updatedmarker {
        background-color: #0f0;
 }
 
-table.gallery {
-       border: 1px solid #ccc;
-       margin: 2px;
-       padding: 2px;
-       background-color: white;
-}
-
-table.gallery tr {
-       vertical-align: top;
-}
-
-table.gallery td {
-       vertical-align: top;
-       background-color: #f9f9f9;
-       border: solid 2px white;
-}
-/* Keep this temporarily so that cached pages will display right */
-table.gallery td.galleryheader {
-    text-align: center;
-       font-weight: bold;
-}
-table.gallery caption {
-       font-weight: bold;
-}
-
-div.gallerybox {
-       margin: 2px;
-}
-
-div.gallerybox div.thumb {
-       text-align: center;
-       border: 1px solid #ccc;
-       margin: 2px;
-}
-
-div.gallerytext {
-       overflow: hidden;
-       font-size: 94%;
-       padding: 2px 4px;
-}
-
-span.comment {
-       font-style: italic;
-}
-
-span.changedby {
-       font-size: 95%;
-}
-
 .previewnote {
        text-indent: 3em;
        color: #c00;
@@ -727,69 +676,10 @@ span.changedby {
        text-indent: -2em;
 }
 
-/* Classes for EXIF data display */
-table.mw_metadata {
-       font-size: 0.8em;
-       margin-left: 0.5em;
-       margin-bottom: 0.5em;
-       width: 300px;
-}
-
-table.mw_metadata caption {
-       font-weight: bold;
-}
-
-table.mw_metadata th {
-       font-weight: normal;
-}
-
-table.mw_metadata td {
-       padding: 0.1em;
-}
-
-table.mw_metadata {
-       border: none;
-       border-collapse: collapse;
-}
-
-table.mw_metadata td, table.mw_metadata th {
-       text-align: center;
-       border: 1px solid #aaaaaa;
-       padding-left: 0.1em;
-       padding-right: 0.1em;
-}
-
-table.mw_metadata th {
-       background-color: #f9f9f9;
-}
-
-table.mw_metadata td {
-       background-color: #fcfcfc;
-}
-
 table.collapsed tr.collapsable {
        display: none;
 }
 
-
-/* filetoc */
-ul#filetoc {
-       text-align: center;
-       border: 1px solid #aaaaaa;
-       background-color: #f9f9f9;
-       padding: 5px;
-       font-size: 95%;
-       margin-bottom: 0.5em;
-       margin-left: 0;
-       margin-right: 0;
-}
-
-#filetoc li {
-       display: inline;
-       list-style-type: none;
-       padding-right: 2em;
-}
-
 input#wpSummary {
        width: 80%;
 }
@@ -799,64 +689,10 @@ input#wpSave, input#wpDiff {
        margin-right: 0.33em;
 }
 
-#editform .editOptions {
-       display: inline;
-}
-
 #wpSave {
        font-weight: bold;
 }
 
-/* Classes for article validation */
-
-table.revisionform_default {
-       border: 1px solid #000000;
-}
-
-table.revisionform_focus {
-       border: 1px solid #000000;
-       background-color:#00BBFF;
-}
-
-tr.revision_tr_default {
-       background-color:#EEEEEE;
-}
-
-tr.revision_tr_first {
-       background-color:#DDDDDD;
-}
-
-p.revision_saved {
-       color: green;
-       font-weight:bold;
-}
-
-#mw_trackbacks {
-       border: solid 1px #bbbbff;
-       background-color: #eeeeff;
-       padding: 0.2em;
-}
-
-
-/* Allmessages table */
-
-#allmessagestable th {
-       background-color: #b2b2ff;
-}
-
-#allmessagestable tr.orig {
-       background-color: #ffe2e2;
-}
-
-#allmessagestable tr.new {
-       background-color: #e2ffe2;
-}
-
-#allmessagestable tr.def {
-       background-color: #f0f0ff;
-}
-
-
 /* noarticletext */
 div.noarticletext {
        border: 1px solid #ccc;
@@ -889,79 +725,32 @@ div#searchTarget ul li:before {
 }
 
 div#searchTargetHide {
-       float:right;
-       border:solid 1px black;
-       background:gainsboro;
-       padding:2px;
+       float: right;
+       border: solid 1px black;
+       background: gainsboro;
+       padding: 2px;
 }
 
 div.multipageimagenavbox {
-   border: solid 1px silver;
-   padding: 4px;
-   margin: 1em;
-   -moz-border-radius: 6px;
-   background: #f0f0f0;
+       border: solid 1px silver;
+       padding: 4px;
+       margin: 1em;
+       background: #f0f0f0;
 }
 
 div.multipageimagenavbox div.thumb {
-   border: none;
-   margin-left: 2em;
-   margin-right: 2em;
+       border: none;
+       margin-left: 2em;
+       margin-right: 2em;
 }
 
 div.multipageimagenavbox hr {
-   margin: 6px;
+       margin: 6px;
 }
 
 table.multipageimage td {
-   text-align: center;
-}
-
-/** Special:Version */
-
-table#sv-ext, table#sv-hooks, table#sv-software {
-       margin: 1em;
-       padding:0em;
-}
-
-#sv-ext td, #sv-hooks td, #sv-software td,
-#sv-ext th, #sv-hooks th, #sv-software th {
-       border: 1px solid #A0A0A0;
-       padding: 0 0.15em 0 0.15em;
-}
-#sv-ext th, #sv-hooks th, #sv-software th {
-       background-color: #F0F0F0;
-       color: black;
-       padding: 0 0.15em 0 0.15em;
-}
-tr.sv-space{
-       height: 0.8em;
-       border:none;
-}
-tr.sv-space td { display: none; }
-
-/*
-  Table pager (e.g. Special:Imagelist)
-  - remove underlines from the navigation link
-  - collapse borders
-  - set the borders to outsets (similar to Special:Allmessages)
-  - remove line wrapping for all td and th, set background color
-  - restore line wrapping for the last two table cells (description and size)
-*/
-.TablePager_nav a { text-decoration: none; }
-.TablePager { border-collapse: collapse; }
-.TablePager, .TablePager td, .TablePager th {
-       border: 1px solid #aaaaaa;
-       padding: 0 0.15em 0 0.15em;
+       text-align: center;
 }
-.TablePager th { background-color: #eeeeff }
-.TablePager td { background-color: #ffffff }
-.TablePager tr:hover td { background-color: #eeeeff }
-
-.imagelist td, .imagelist th { white-space: nowrap }
-.imagelist .TablePager_col_links { background-color: #eeeeff }
-.imagelist .TablePager_col_img_description { white-space: normal }
-.imagelist th.TablePager_sort { background-color: #ccccff }
 
 .templatesUsed { margin-top: 1.5em; }
 
@@ -986,17 +775,6 @@ div.mw-lag-warn-high {
        background-color: #FFCCCC;
 }
 
-/* Recreating-deleted-page/reupload file warning and log entries */
-div#mw-upload-deleted-warn,
-div#mw-recreate-deleted-warn {
-       padding: 3px;
-       margin-bottom: 3px;
-       border: 2px solid #2F6FAB;
-}
-div#mw-upload-deleted-warn ul li,
-div#mw-recreate-deleted-warn ul li {
-       font-size: 90%;
-}
 .MediaTransformError {
        background-color: #ccc;
        padding: 0.1em;
@@ -1037,6 +815,7 @@ dl {
 
 span.subpages {
        font-size: 80%;
+       display: block;
 }
 
 pre {
@@ -1062,8 +841,8 @@ pre {
 }
 
 .mw-topbox {
-        color: black;
-        font-weight: bold;
+       color: black;
+       font-weight: bold;
        margin: 0 0 0 0;
        padding: 0 1em 0 1em;
        vertical-align: middle;
@@ -1077,19 +856,24 @@ pre {
 
 /* emulate center */
 .center {
-     width:100%;
-     text-align:center;
+       width: 100%;
+       text-align: center;
 }
 *.center * {
-     margin-left:auto;
-     margin-right:auto;
+       margin-left: auto;
+       margin-right: auto;
 }
 
 /* table standards */
 .toccolours {
-    border:1px solid #bbbbbb;
-    background-color:#f0f0f0;
-    border-spacing:0pt;
-    margin:0pt;
-    padding:0pt;
+       border: 1px solid #bbbbbb;
+       background-color: #f0f0f0;
+       border-spacing: 0pt;
+       margin: 0pt;
+       padding: 0pt;
 }
+
+/* Tooltips are outside of the normal body code, so this helps make the size of the text sensible */
+.tipsy {
+       font-size: 130%;
+}
\ No newline at end of file