MediaWiki:Vector.css

From Yate Documentation
(Difference between revisions)
Jump to: navigation, search
 
(160 intermediate revisions by 3 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 */
−
.maincell,.article
+
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;
 
border-spacing:0;
−
border-collapse:collapse;
 
 
padding:0px;
 
padding:0px;
 
}
 
}
−
.maincell-left,.article-left
+
.maincell-left, .article-left, .setups-left, .modules-left, .startup-left
 
{
 
{
 
width:75px;
 
width:75px;
−
height:56px;
+
height:55px;
 
padding:0px;
 
padding:0px;
 
         font-size:2px;
 
         font-size:2px;
−
 
+
        line-height: 0em;
 +
        background-repeat:no-repeat;
 
}
 
}
−
.maincell-right, .article-right
+
.maincell-right, .article-right, .setups-right, .modules-right, .startup-right
 
{
 
{
 
color:white;
 
color:white;
 
padding-bottom: 12px;
 
padding-bottom: 12px;
−
height:41px;
+
height:37px;
 
padding:0px;
 
padding:0px;
 +
        background-repeat:repeat-x;
 +
        line-height:37px;
 
}
 
}
−
.maincell-content, .article-content
+
.article-right, .setups-right, .modules-right, .startup-right
 +
{
 +
font-size: large;
 +
}
 +
.maincell-content
 
{
 
{
 
padding:0px;
 
padding:0px;
 
}
 
}
−
.maincell-empty, .article-empty
+
.article-content, .setups-content, .modules-content, .startup-content
 
{
 
{
−
border-right:solid #dadada 2px;
+
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;
 
padding:0px;
−
         line-height: 0em;
+
         line-height: 17px;
 
         font-size:2px;
 
         font-size:2px;
 
}
 
}
 +
 
.article
 
.article
 
{
 
{
−
width:370px;
+
width:400px;
 
}
 
}
 
.article-left
 
.article-left
 
{
 
{
 
background-image:url('images/yatedocs/articles_left.png');
 
background-image:url('images/yatedocs/articles_left.png');
−
border-left:solid #0091f9 2px;
+
border-left:solid #0065c7 1px;
−
border-top:solid #0091f9 2px;
+
border-top:solid #0065c7 1px;
 
}
 
}
 
.article-right
 
.article-right
 
{
 
{
 
background-image:url('images/yatedocs/articles_background.png');
 
background-image:url('images/yatedocs/articles_background.png');
−
background-repeat:repeat-x;
+
border-top:solid #0065c7 1px;
−
border-top:solid #0091f9 2px;
+
border-right:solid #0065c7 1px;
−
border-right:solid #0091f9 2px;
+
border-bottom:solid #0065c7 1px;
 
}
 
}
−
.article-content
+
 
 +
.modules
 
{
 
{
−
border-bottom:solid #dadada 2px;
+
width:787px;
−
border-right:solid #dadada 2px;
+
}
−
border-left:solid #dadada 2px;
+
.modules-left
−
padding:8px;
+
{
 +
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;
 
}
 
}
−
.fonts,.date,.title,.basetext
+
.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: Georgia,Verdana,sans;
+
font-family: Verdana,sans;
 
text-align: justify;  
 
text-align: justify;  
 
text-justify: inter-word;
 
text-justify: inter-word;
Line 71: Line 317:
 
{
 
{
 
font-size:14px;
 
font-size:14px;
 +
color:#4271c1;
 +
}
 +
.modules-title
 +
{
 +
font-size:13px;
 
color:#4271c1;
 
color:#4271c1;
 
}
 
}
Line 79: Line 330:
 
padding-bottom:20px;
 
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;}

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;}
Retrieved from "https://docs.yate.ro/wiki/index.php?title=MediaWiki:Vector.css&oldid=7286"
Personal tools
Namespaces

Variants
Actions
Preface
Configuration
Administrators
Developers