MediaWiki:Vector.css
From Yate Documentation
(Difference between revisions)
(144 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
+ | body | ||
+ | { | ||
+ | background-image:none; | ||
+ | background-color:#ffffff; | ||
+ | font-family: Sans Serif, Arial, Verdana; | ||
+ | } | ||
+ | table.main td | ||
+ | { | ||
+ | vertical-align:top; | ||
+ | } | ||
+ | #mw-page-base | ||
+ | { | ||
+ | background-image:none; | ||
+ | border-bottom:solid #08aff4 1px; | ||
+ | height:80px; | ||
+ | } | ||
+ | #mw-head-base | ||
+ | { | ||
+ | display:none; | ||
+ | } | ||
+ | #p-logo | ||
+ | { | ||
+ | top:-80px; | ||
+ | } | ||
+ | #p-logo a | ||
+ | { | ||
+ | height:70px; | ||
+ | padding-left:35px; | ||
+ | } | ||
+ | div#mw-panel | ||
+ | { | ||
+ | top:80px; | ||
+ | } | ||
+ | #left-navigation | ||
+ | { | ||
+ | top:45px; | ||
+ | left:15em; | ||
+ | } | ||
+ | #right-navigation | ||
+ | { | ||
+ | margin-top:45px; | ||
+ | } | ||
+ | div.vectorTabs | ||
+ | { | ||
+ | background-image:none; | ||
+ | height:34px; | ||
+ | } | ||
+ | div.vectorTabs ul | ||
+ | { | ||
+ | background-image:none; | ||
+ | } | ||
+ | div.vectorTabs ul > li | ||
+ | { | ||
+ | background-image:none; | ||
+ | background-color:#ffffff; | ||
+ | border:solid #08aff4 1px; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | div.vectorTabs span | ||
+ | { | ||
+ | background-image:url('images/yatedocs/tab.png'); | ||
+ | background-repeat:repeat-x; | ||
+ | } | ||
+ | div.vectorTabs span a | ||
+ | { | ||
+ | padding-top:0.75em; | ||
+ | } | ||
+ | div.vectorTabs li.selected | ||
+ | { | ||
+ | background-image:none; | ||
+ | border-bottom:solid #ffffff 1px; | ||
+ | } | ||
+ | div.vectorTabs li.selected span | ||
+ | { | ||
+ | background-image:none; | ||
+ | } | ||
+ | div.vectorMenu h5 a | ||
+ | { | ||
+ | background-image:none; | ||
+ | } | ||
+ | #p-search form, #p-search input | ||
+ | { | ||
+ | margin-top: 0.2em; | ||
+ | } | ||
+ | div#mw-panel div.portal h5 | ||
+ | { | ||
+ | margin-right: -7px; | ||
+ | height:30px; | ||
+ | line-height: 31px; | ||
+ | font-size: large; | ||
+ | color:white; | ||
+ | background-image:url('images/yatedocs/sidebar_headline_background.png'); | ||
+ | background-repeat:repeat-x; | ||
+ | border:solid #4fb709 1px; | ||
+ | padding-left:0.94em; | ||
+ | padding-top:2px; | ||
+ | padding-bottom:2px; | ||
+ | } | ||
+ | div#mw-panel div.portal div.body | ||
+ | { | ||
+ | background-image:none; | ||
+ | } | ||
+ | div#mw-panel div.portal div.body ul li | ||
+ | { | ||
+ | height:20px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | div#mw-panel div.portal | ||
+ | { | ||
+ | padding-bottom: 1em; | ||
+ | } | ||
+ | div#mw-panel div.portal div.body {padding-top:0;} | ||
+ | #firstHeading, #bodyContent | ||
+ | { | ||
+ | margin-left: 20px; | ||
+ | width:99%; | ||
+ | } | ||
+ | #bodyContent {min-height:850px;} | ||
+ | div#header, div#footer | ||
+ | { | ||
+ | background-image:none; | ||
+ | } | ||
+ | div#content | ||
+ | { | ||
+ | background-image:none; | ||
+ | border-left:solid #dadada 1px; | ||
+ | border-bottom:solid #dadada 1px; | ||
+ | } | ||
+ | h2 span.mw-headline | ||
+ | { | ||
+ | background-image:url('images/yatedocs/level1.png'); | ||
+ | background-position:left bottom; | ||
+ | background-repeat:no-repeat; | ||
+ | padding-left:34px; | ||
+ | padding-top:10px; | ||
+ | } | ||
+ | div#mw-content-text h2 | ||
+ | { | ||
+ | padding-bottom:1px; | ||
+ | border-bottom:solid #dadada 1px; | ||
+ | padding-top:25px; | ||
+ | } | ||
+ | table.toc | ||
+ | { | ||
+ | border-spacing: 0px 0px; | ||
+ | padding: 0px !important; | ||
+ | } | ||
+ | table.toc td | ||
+ | { | ||
+ | padding: 0px !important; | ||
+ | } | ||
+ | #toc, .toc, .mw-warning | ||
+ | { | ||
+ | border:solid #dadada 1px; | ||
+ | } | ||
+ | td div#toctitle | ||
+ | { | ||
+ | text-align:left !important; | ||
+ | padding: 0px 5px; | ||
+ | background-image:url('images/yatedocs/titlebar_toc.png'); | ||
+ | background-repeat:repeat-x; | ||
+ | } | ||
+ | div#toctitle h2 | ||
+ | { | ||
+ | line-height: 30px; | ||
+ | border-bottom:0px; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | span.toctoggle | ||
+ | { | ||
+ | line-height: 30px; | ||
+ | float:right; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | span.toctoggle a | ||
+ | { | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | .toc ul | ||
+ | { | ||
+ | padding: 5px !important; | ||
+ | } | ||
.maincell, .article, .setups, .modules, .startup | .maincell, .article, .setups, .modules, .startup | ||
{ | { | ||
border-spacing:0; | border-spacing:0; | ||
− | |||
padding:0px; | padding:0px; | ||
} | } | ||
Line 9: | Line 190: | ||
{ | { | ||
width:75px; | width:75px; | ||
− | height: | + | height:55px; |
padding:0px; | padding:0px; | ||
font-size:2px; | font-size:2px; | ||
Line 22: | Line 203: | ||
padding:0px; | padding:0px; | ||
background-repeat:repeat-x; | background-repeat:repeat-x; | ||
+ | line-height:37px; | ||
} | } | ||
.article-right, .setups-right, .modules-right, .startup-right | .article-right, .setups-right, .modules-right, .startup-right | ||
Line 37: | Line 219: | ||
border-left:solid #dadada 1px; | border-left:solid #dadada 1px; | ||
padding:8px; | padding:8px; | ||
+ | padding-left:15px; | ||
+ | vertical-align:top; | ||
} | } | ||
.maincell-empty, .article-empty, .setups-empty, .modules-empty, .startup-empty | .maincell-empty, .article-empty, .setups-empty, .modules-empty, .startup-empty | ||
Line 42: | Line 226: | ||
border-right:solid #dadada 1px; | border-right:solid #dadada 1px; | ||
padding:0px; | padding:0px; | ||
− | line-height: | + | line-height: 17px; |
font-size:2px; | font-size:2px; | ||
} | } | ||
Line 48: | Line 232: | ||
.article | .article | ||
{ | { | ||
− | width: | + | width:400px; |
} | } | ||
.article-left | .article-left | ||
Line 66: | Line 250: | ||
.modules | .modules | ||
{ | { | ||
− | width: | + | width:787px; |
} | } | ||
.modules-left | .modules-left | ||
Line 84: | Line 268: | ||
.startup | .startup | ||
{ | { | ||
− | width: | + | width:215px; |
} | } | ||
.startup-left | .startup-left | ||
Line 98: | Line 282: | ||
border-right:solid #49aa08 1px; | border-right:solid #49aa08 1px; | ||
border-bottom:solid #49aa08 1px; | border-bottom:solid #49aa08 1px; | ||
+ | height:37px; | ||
} | } | ||
.setups | .setups | ||
{ | { | ||
− | width: | + | width:600px; |
} | } | ||
.setups-left | .setups-left | ||
Line 118: | Line 303: | ||
} | } | ||
− | .fonts,.date,.title,.basetext | + | .fonts,.date,.title,.basetext, .modules-title |
{ | { | ||
− | font-family: | + | font-family: Verdana,sans; |
text-align: justify; | text-align: justify; | ||
text-justify: inter-word; | text-justify: inter-word; | ||
Line 132: | Line 317: | ||
{ | { | ||
font-size:14px; | font-size:14px; | ||
+ | color:#4271c1; | ||
+ | } | ||
+ | .modules-title | ||
+ | { | ||
+ | font-size:13px; | ||
color:#4271c1; | color:#4271c1; | ||
} | } | ||
.basetext | .basetext | ||
− | |||
{ | { | ||
font-size:12px; | font-size:12px; | ||
Line 144: | Line 333: | ||
.spacing | .spacing | ||
{ | { | ||
− | width: | + | width:30px; |
+ | } | ||
+ | div.bullet | ||
+ | { | ||
+ | background-image:url('images/yatedocs/bullet.png'); | ||
+ | background-repeat:no-repeat; | ||
+ | display:inline; | ||
+ | float:left; | ||
+ | width:7px; | ||
+ | background-position:left center; | ||
+ | } | ||
+ | div.content | ||
+ | { | ||
+ | padding-left:16px; | ||
+ | } | ||
+ | div.content-box | ||
+ | { | ||
+ | float:left; | ||
+ | display:inline; | ||
+ | width:50%; | ||
+ | } | ||
+ | div.modules-content-box | ||
+ | { | ||
+ | float:left; | ||
+ | display:inline; | ||
+ | width:33%; | ||
+ | } | ||
+ | div.modules-page, div.more-setups, div.more-articles | ||
+ | { | ||
+ | display:inline; | ||
+ | padding:5px; | ||
+ | padding-top:15px; | ||
+ | padding-left:15px; | ||
+ | font-weight: bolder; | ||
+ | float:left; | ||
+ | width:100%; | ||
+ | } | ||
+ | /* tables stylesheets */ | ||
+ | table.yate-table | ||
+ | { | ||
+ | border-spacing:0; | ||
+ | border-collapse:collapse; | ||
+ | } | ||
+ | td.yate-header-left, td.yate-header-right | ||
+ | { | ||
+ | font-size:16px; | ||
+ | width:500px; | ||
+ | border:1px solid #fb9508; | ||
+ | border-right:none; | ||
+ | background-color:#fef0de; | ||
+ | padding-left:20px; | ||
+ | height:39px; | ||
+ | vertical-align:middle; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | td.yate-header-right | ||
+ | { | ||
+ | border-right:1px solid #fb9508; | ||
+ | } | ||
+ | td.yate-content-left | ||
+ | { | ||
+ | width:500px; | ||
+ | vertical-align:top; | ||
+ | border:1px solid #fb9508; | ||
+ | border-top:none; | ||
+ | border-right:none; | ||
+ | padding-left:20px; | ||
+ | padding-top:5px; | ||
+ | } | ||
+ | td.yate-content-right | ||
+ | { | ||
+ | width:500px; | ||
+ | vertical-align:top; | ||
+ | border:1px solid #fb9508; | ||
+ | border-top:none; | ||
+ | padding-left:20px; | ||
+ | padding-top:5px; | ||
+ | } | ||
+ | div.yate-page-desc | ||
+ | { | ||
+ | padding-left:12px; | ||
+ | padding-bottom:5px; | ||
+ | font-size:13px; | ||
+ | } | ||
+ | font.yate-page-title | ||
+ | { | ||
+ | padding-left:5px; | ||
+ | font-size:14px; | ||
+ | } | ||
+ | table.yate-page-subtitle | ||
+ | { | ||
+ | font-size:14px; | ||
+ | padding-left:30px; | ||
+ | } | ||
+ | |||
+ | table.telephony | ||
+ | { | ||
+ | border-spacing:0; | ||
+ | border-collapse:collapse; | ||
+ | } | ||
+ | td.telephony_header_left | ||
+ | { | ||
+ | font-size:16px; | ||
+ | width:500px; | ||
+ | border:1px solid #fb9508; | ||
+ | border-right:none; | ||
+ | background-color:#fef0de; | ||
+ | padding-left:20px; | ||
+ | height:39px; | ||
+ | vertical-align:middle; | ||
+ | } | ||
+ | td.telephony_header_right | ||
+ | { | ||
+ | height:39px; | ||
+ | font-size:16px; | ||
+ | padding-left:20px; | ||
+ | background-color:#fef0de; | ||
+ | width:500px; | ||
+ | border:1px solid #fb9508; | ||
+ | vertical-align:middle; | ||
+ | } | ||
+ | td.telephony-content-left | ||
+ | { | ||
+ | width:500px; | ||
+ | vertical-align:top; | ||
+ | border:1px solid #fb9508; | ||
+ | border-top:none; | ||
+ | border-right:none; | ||
+ | padding-left:20px; | ||
+ | padding-top:5px; | ||
+ | } | ||
+ | td.telephony-content-right | ||
+ | { | ||
+ | width:500px; | ||
+ | vertical-align:top; | ||
+ | border:1px solid #fb9508; | ||
+ | border-top:none; | ||
+ | padding-left:20px; | ||
+ | padding-top:5px; | ||
+ | } | ||
+ | div.tel-desc | ||
+ | { | ||
+ | padding-left:12px; | ||
+ | padding-bottom:5px; | ||
+ | } | ||
+ | font.tel-title | ||
+ | { | ||
+ | padding-left:5px; | ||
+ | font-size:14px; | ||
+ | } | ||
+ | #article-content-id p {display:none;} | ||
+ | #article-content-id ol li { | ||
+ | font-size:14px; | ||
+ | color:#4271c1; | ||
} | } | ||
+ | #article-content-id { padding:8px;} |
Latest revision as of 17:52, 1 November 2013
/* CSS placed here will affect users of the Vector skin */ body { background-image:none; background-color:#ffffff; font-family: Sans Serif, Arial, Verdana; } table.main td { vertical-align:top; } #mw-page-base { background-image:none; border-bottom:solid #08aff4 1px; height:80px; } #mw-head-base { display:none; } #p-logo { top:-80px; } #p-logo a { height:70px; padding-left:35px; } div#mw-panel { top:80px; } #left-navigation { top:45px; left:15em; } #right-navigation { margin-top:45px; } div.vectorTabs { background-image:none; height:34px; } div.vectorTabs ul { background-image:none; } div.vectorTabs ul > li { background-image:none; background-color:#ffffff; border:solid #08aff4 1px; margin-right: 10px; } div.vectorTabs span { background-image:url('images/yatedocs/tab.png'); background-repeat:repeat-x; } div.vectorTabs span a { padding-top:0.75em; } div.vectorTabs li.selected { background-image:none; border-bottom:solid #ffffff 1px; } div.vectorTabs li.selected span { background-image:none; } div.vectorMenu h5 a { background-image:none; } #p-search form, #p-search input { margin-top: 0.2em; } div#mw-panel div.portal h5 { margin-right: -7px; height:30px; line-height: 31px; font-size: large; color:white; background-image:url('images/yatedocs/sidebar_headline_background.png'); background-repeat:repeat-x; border:solid #4fb709 1px; padding-left:0.94em; padding-top:2px; padding-bottom:2px; } div#mw-panel div.portal div.body { background-image:none; } div#mw-panel div.portal div.body ul li { height:20px; line-height: 20px; } div#mw-panel div.portal { padding-bottom: 1em; } div#mw-panel div.portal div.body {padding-top:0;} #firstHeading, #bodyContent { margin-left: 20px; width:99%; } #bodyContent {min-height:850px;} div#header, div#footer { background-image:none; } div#content { background-image:none; border-left:solid #dadada 1px; border-bottom:solid #dadada 1px; } h2 span.mw-headline { background-image:url('images/yatedocs/level1.png'); background-position:left bottom; background-repeat:no-repeat; padding-left:34px; padding-top:10px; } div#mw-content-text h2 { padding-bottom:1px; border-bottom:solid #dadada 1px; padding-top:25px; } table.toc { border-spacing: 0px 0px; padding: 0px !important; } table.toc td { padding: 0px !important; } #toc, .toc, .mw-warning { border:solid #dadada 1px; } td div#toctitle { text-align:left !important; padding: 0px 5px; background-image:url('images/yatedocs/titlebar_toc.png'); background-repeat:repeat-x; } div#toctitle h2 { line-height: 30px; border-bottom:0px; color:#ffffff; } span.toctoggle { line-height: 30px; float:right; color:#ffffff; } span.toctoggle a { color:#ffffff; } .toc ul { padding: 5px !important; } .maincell, .article, .setups, .modules, .startup { border-spacing:0; padding:0px; } .maincell-left, .article-left, .setups-left, .modules-left, .startup-left { width:75px; height:55px; padding:0px; font-size:2px; line-height: 0em; background-repeat:no-repeat; } .maincell-right, .article-right, .setups-right, .modules-right, .startup-right { color:white; padding-bottom: 12px; height:37px; padding:0px; background-repeat:repeat-x; line-height:37px; } .article-right, .setups-right, .modules-right, .startup-right { font-size: large; } .maincell-content { padding:0px; } .article-content, .setups-content, .modules-content, .startup-content { border-bottom:solid #dadada 1px; border-right:solid #dadada 1px; border-left:solid #dadada 1px; padding:8px; padding-left:15px; vertical-align:top; } .maincell-empty, .article-empty, .setups-empty, .modules-empty, .startup-empty { border-right:solid #dadada 1px; padding:0px; line-height: 17px; font-size:2px; } .article { width:400px; } .article-left { background-image:url('images/yatedocs/articles_left.png'); border-left:solid #0065c7 1px; border-top:solid #0065c7 1px; } .article-right { background-image:url('images/yatedocs/articles_background.png'); border-top:solid #0065c7 1px; border-right:solid #0065c7 1px; border-bottom:solid #0065c7 1px; } .modules { width:787px; } .modules-left { background-image:url('images/yatedocs/modules_left.png'); border-left:solid #ff6600 1px; border-top:solid #ff6600 1px; } .modules-right { background-image:url('images/yatedocs/modules_background.png'); border-top:solid #ff6600 1px; border-right:solid #ff6600 1px; border-bottom:solid #ff6600 1px; } .startup { width:215px; } .startup-left { background-image:url('images/yatedocs/startup_left.png'); border-left:solid #49aa08 1px; border-top:solid #49aa08 1px; } .startup-right { background-image:url('images/yatedocs/startup_background.png'); border-top:solid #49aa08 1px; border-right:solid #49aa08 1px; border-bottom:solid #49aa08 1px; height:37px; } .setups { width:600px; } .setups-left { background-image:url('images/yatedocs/setups_left.png'); border-left:solid #4a0aff 1px; border-top:solid #4a0aff 1px; } .setups-right { background-image:url('images/yatedocs/setups_background.png'); border-top:solid #4a0aff 1px; border-right:solid #4a0aff 1px; border-bottom:solid #4a0aff 1px; } .fonts,.date,.title,.basetext, .modules-title { font-family: Verdana,sans; text-align: justify; text-justify: inter-word; } .date { font-size:10px; color:#999999; } .title { font-size:14px; color:#4271c1; } .modules-title { font-size:13px; color:#4271c1; } .basetext { font-size:12px; color:#363636; padding-bottom:20px; } .spacing { width:30px; } div.bullet { background-image:url('images/yatedocs/bullet.png'); background-repeat:no-repeat; display:inline; float:left; width:7px; background-position:left center; } div.content { padding-left:16px; } div.content-box { float:left; display:inline; width:50%; } div.modules-content-box { float:left; display:inline; width:33%; } div.modules-page, div.more-setups, div.more-articles { display:inline; padding:5px; padding-top:15px; padding-left:15px; font-weight: bolder; float:left; width:100%; } /* tables stylesheets */ table.yate-table { border-spacing:0; border-collapse:collapse; } td.yate-header-left, td.yate-header-right { font-size:16px; width:500px; border:1px solid #fb9508; border-right:none; background-color:#fef0de; padding-left:20px; height:39px; vertical-align:middle; font-weight:bold; } td.yate-header-right { border-right:1px solid #fb9508; } td.yate-content-left { width:500px; vertical-align:top; border:1px solid #fb9508; border-top:none; border-right:none; padding-left:20px; padding-top:5px; } td.yate-content-right { width:500px; vertical-align:top; border:1px solid #fb9508; border-top:none; padding-left:20px; padding-top:5px; } div.yate-page-desc { padding-left:12px; padding-bottom:5px; font-size:13px; } font.yate-page-title { padding-left:5px; font-size:14px; } table.yate-page-subtitle { font-size:14px; padding-left:30px; } table.telephony { border-spacing:0; border-collapse:collapse; } td.telephony_header_left { font-size:16px; width:500px; border:1px solid #fb9508; border-right:none; background-color:#fef0de; padding-left:20px; height:39px; vertical-align:middle; } td.telephony_header_right { height:39px; font-size:16px; padding-left:20px; background-color:#fef0de; width:500px; border:1px solid #fb9508; vertical-align:middle; } td.telephony-content-left { width:500px; vertical-align:top; border:1px solid #fb9508; border-top:none; border-right:none; padding-left:20px; padding-top:5px; } td.telephony-content-right { width:500px; vertical-align:top; border:1px solid #fb9508; border-top:none; padding-left:20px; padding-top:5px; } div.tel-desc { padding-left:12px; padding-bottom:5px; } font.tel-title { padding-left:5px; font-size:14px; } #article-content-id p {display:none;} #article-content-id ol li { font-size:14px; color:#4271c1; } #article-content-id { padding:8px;}