Souperstar.jpg

MediaWiki

Common.css — различия между версиями

Материал из Souperstar

 
Строка 1: Строка 1:
 
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
 
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
  
body.page-Главная h1.title { display:none; }
+
body {
body.page-Главная div#tagline { display:none; }
+
font-family: souperstar;
 +
color:#222;
 +
}
  
body.page-О_компании h1.title { display:none; }
+
.row {
body.page-О_компании div#tagline { display:none; }
+
width: 95%;
 +
max-width: 820px;
 +
}
  
#tagline { display:none; }
+
.wikiEditor-ui-text {
 +
font-size:1.3em;
 +
}
 +
 
 +
.top-bar {
 +
background: #fff;
 +
}
 +
 
 +
.title-name {
 +
color:#222;
 +
}
 +
 
 +
.internal img {
 +
display: inline-block;
 +
vertical-align: middle;
 +
border: none;
 +
margin-left: 10px}
 +
 
 +
.original img {
 +
display: inline-block;
 +
vertical-align: middle;
 +
border: none;
 +
margin-left: 0}
  
 
.noautonum .tocnumber { display: none; }
 
.noautonum .tocnumber { display: none; }
.toc, #toc { display:none; }
 
  
 
/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
 
/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 13px; }
+
.l-page__gap, .l-page__gap i {
 +
width: 40px;
 +
}
 +
.l-page_layout_72-20 .l-page__left {
 +
width: 72%;
 +
}
 +
 
 +
.b-properties__value {
 +
padding: 0 0 .7em;
 +
}
 +
.b-properties {
 +
width: 100%;
 +
margin: 0 0 2em;
 +
border-collapse: collapse;
 +
}
 +
.b-properties__label-title {
 +
width: 270px;
 +
padding: 0 10px 0 0;
 +
background: url(/_c/aYN5BTca5kbhA-5_ioaa5tzaql0.gif) repeat-x 100% .9em;
 +
}
 +
.b-properties__value {
 +
padding: 0 0 .7em;
 +
}
 +
 
 +
ol.references { font-size: 15px; }
 
ol.references li:target { background-color: #ddeeff; }
 
ol.references li:target { background-color: #ddeeff; }
 +
sup.reference:target { background-color: #ddeeff; }
 +
 +
sub, sup {
 +
font-size: 14px;
 +
background: yellow;}
 +
 +
.mw-cite-backlink { background: yellow;}
 +
 
ol>li{
 
ol>li{
 
   display:block;
 
   display:block;
Строка 30: Строка 87:
  
 
.mw-content-ltr ol ol, .mw-content-ltr ol ol {
 
.mw-content-ltr ol ol, .mw-content-ltr ol ol {
margin: 0 0 0 0.8em;}
+
margin: 0 0 0 0em;}
  
 +
body.page-Главная h2.title { display:none; }
 +
body.page-Главная h3#tagline { display:none; }
 +
body.page-Покупатели h2.title { display:none; }
  
sup.reference:target { background-color: #ddeeff; }
 
  
 
.top-bar .name div a {
 
.top-bar .name div a {
 
     color: rgb(255, 255, 255);
 
     color: rgb(255, 255, 255);
 
     display: block;
 
     display: block;
    font-weight: bold;
 
 
     padding: 10px 15px;
 
     padding: 10px 15px;
 
}
 
}
 
h1 {
 
h1 {
font-family: Verdana, Arial, sans-serif;
+
font-family: souperstar, sans-serif;
font-size: 1em;
+
font-size: 1.5em;
font-weight: bold;
+
margin-top: 0.8em;
margin-top: 2em;
+
 
}
 
}
 
h2 span {
 
h2 span {
font-family: Verdana, Arial, sans-serif;
+
font-family: souperstar, sans-serif;
 
display:inline;
 
display:inline;
 
}
 
}
.ns-subject h2, .ns-special h2, .page-Main_Page h2 {
+
h2 {
font-family: Verdana, Arial, sans-serif;
+
font-family: souperstar, sans-serif;
font-size: 1em;
+
font-size: 17px;
font-weight: bold;
+
font-weight:bold;
 +
border-bottom:none;
 
}
 
}
 +
h2 .mw-headline::before{
 +
content: "# ";
 +
margin-left: -21px;
 +
}
 +
h3 .mw-headline::before{
 +
content: "* ";
 +
margin-left: -21px;
 +
}
 +
h4 .mw-headline::before{
 +
content: "? ";
 +
margin-left: -21px;
 +
}
 +
h5 .mw-headline::before{
 +
content: "! ";
 +
margin-left: -21px;
 +
}
 +
 +
.mw-headline {
 +
font-weight: normal;
 +
border-bottom: 1px solid #222;
 +
}
 +
h2.title {
 +
font-family: souperstar, sans-serif;
 +
font-size: 1.7em;
 +
margin-bottom:2em;
 +
}
 +
  
 
.ns-subject h3, .ns-special h3, .page-Main_Page h3 {
 
.ns-subject h3, .ns-special h3, .page-Main_Page h3 {
font-family: Verdana, Arial, sans-serif;
+
font-family: souperstar, sans-serif;
font-size: 0.9em;
+
font-size: 17px;
font-weight: bold;
+
 
}
 
}
  
h4,h5 {
+
h4{
    font-size: 0.9em;
+
font-family: souperstar, sans-serif;
 +
font-size: 17px;
 
}
 
}
  
h3 {
+
h5 {
 +
font-family: souperstar, sans-serif;
 +
font-size: 17px;
 +
}
  
 +
h3 {
 +
font-family: souperstar, sans-serif;
 
     margin-top: 30px;
 
     margin-top: 30px;
 
}
 
}
  
#tagline{
+
h3#tagline {
color:#888;
+
font-style: italic;
font-family: Verdana, Arial, sans-serif;
+
font-size: 17px;
font-size: 0.6em;
+
margin-bottom: 3em;
    margin-top: -10px;
+
color: #6f6f6f;
 +
text-align: center;
 +
font-weight: normal;
 +
display:none;
 +
}
 +
#tagline {
 +
font-size: 17px;
 +
font-style: italic;
 +
margin-top: -51px;
 +
font-weight: normal;
 +
display:none;  
 
}
 
}
  
Строка 85: Строка 185:
 
     margin-top: 10px;
 
     margin-top: 10px;
 
}
 
}
 +
 +
h1, h2, h3, h4, h5, h6 {
 +
line-height: 1.5em;
 +
}
 +
 
/* remove Toolbox */  
 
/* remove Toolbox */  
 
#p-tb { display:none !important; }
 
#p-tb { display:none !important; }
 +
 +
p, pre {
 +
    font-size: 17px;}
  
 
pre {
 
pre {
    font-size: 14px;}
+
font-family: souperstar;
 +
background: rgb(255, 255, 200);
 +
/* border-left: 1px solid #F40000; */
 +
/* padding-left: 15px; */
 +
}
 +
 
 +
pre::before{
 +
content: "— ";
 +
color: #ff0000;
 +
}
  
 
.mw-content-ltr table#toc {
 
.mw-content-ltr table#toc {
Строка 95: Строка 212:
 
     margin-left: 20px;
 
     margin-left: 20px;
 
     width: 45%;
 
     width: 45%;
 +
margin-bottom: 0.6em;
 
}
 
}
 
ul, ol, dl {
 
ul, ol, dl {
     font-size: 13px;}
+
     font-size: 17px;}
  
 
a {
 
a {
 
     color: #006699;}
 
     color: #006699;}
  
.subheader {font-weight:bold}
+
.subheader {font-weight:normal}
 +
 
 +
.editsection {
 +
font-size: 17px;
 +
}
  
 
.center {
 
.center {
Строка 112: Строка 234:
 
     margin-right: auto;
 
     margin-right: auto;
 
}
 
}
.price {
+
 
    color: rgb(255, 32, 138);
+
div {
    font-size: 2.6em;
+
line-height: 1.6;
    font-weight: bold;
+
 
}
 
}
.price small {
+
.CategoryTreeTag {
    font-size: 18px;
+
font-size: 17px;
    font-weight: normal;
+
    margin-left: -6px;
+
 
}
 
}
  
.price-old{
+
.CategoryTreeLabelCategory {
font-size: 110%;
+
 
font-weight: bold;
 
font-weight: bold;
text-decoration: line-through;
+
color: black;
color:#6f6f6f;
+
margin-top:-20px;
+
margin-bottom:15px;
+
 
}
 
}
  
 
+
hr {
.xsmall {
+
border: dashed #7C7C7C;
    font-size: 70%;
+
border-width: 1px 0 0;
color:#666;}
+
clear: both;
 
+
margin: 1.25em 0 1.1875em;
.small-price {
+
height: 0;
    font-size: 80%;
+
width: 70%;
color: rgb(255, 32, 138);}
+
 
+
.small-model {
+
    font-size: 80%;
+
color: rgb(102, 102, 102);}
+
 
+
.small1 {
+
    color: rgb(102, 102, 102);
+
    font-size: 80%;
+
    font-weight: bold;
+
    margin-top: -25px;
+
}
+
.small2 {
+
    color: rgb(255, 32, 138);
+
    font-size: 80%;
+
    font-weight: bold;
+
    margin-top: -25px;
+
 
}
 
}
  
.price-table {
+
#header-middle-search-form .input {
    color: rgb(255, 32, 138);
+
display: inline-block;
    font-size: 1.2em;
+
height: 27px;
    font-weight: bold;
+
line-height: 18px;
margin-bottom:15px;
+
width: 218px;
}
+
margin: 0;
.price-table small {
+
padding: 0 0 1px;
    font-size: 1em;
+
font-size: 16px;
    font-weight: normal;
+
border: none;
 +
border-bottom: 1px solid #c7c7c7;
 +
background: #fff;
 +
vertical-align: top;
 +
outline: none;
 +
box-shadow: none;
 
}
 
}
  
.id{
+
.speed-button {
font-size: 90%;
+
margin-top:-15px;
+
margin-bottom:15px;
+
}
+
 
+
.hide, .mw-normal-catlinks, h4.namespace.label {
+
 
display: none;
 
display: none;
 
}
 
}
  
 
+
.mw-content-ltr a {
table tbody tr td, table tr td {
+
color:#222;
    vertical-align: top;
+
border-bottom:1px solid #222;
 
}
 
}
 
+
.mw-content-ltr a:hover {
hr {
+
color:#222;
border: dashed #dddddd;
+
border-bottom:1px solid #222;
border-width: 2px 0 0;
+
}
+
 
+
div.sticker {
+
background: url("/w/skins/foreground/assets/images/sticker-up.gif") no-repeat scroll right top #fff0be;
+
clear: left;
+
float: left;
+
left: 0;
+
margin-right: 1px;
+
margin-top: -0.1em;
+
position: relative;
+
white-space: nowrap;
+
z-index: 200;
+
font-size: 60%;
+
font-weight: normal;
+
}
+
 
+
div.sticker div, div.sticker div {
+
background: url("/w/skins/foreground/assets/images/sticker-down.gif") no-repeat scroll right bottom transparent;
+
padding: 0.4em 3em 0.4em 1em;
+
}
+
 
+
div.sticker-header {
+
background: url("/w/skins/foreground/assets/images/sticker-up.gif") no-repeat scroll right top #fff0be;
+
clear: left;
+
float: left;
+
left: -15px;
+
margin-right: 1px;
+
margin-top: -0.1em;
+
position: relative;
+
white-space: nowrap;
+
z-index: 200;
+
font-size: 13px;
+
font-weight: bold;
+
 
}
 
}
  
div.sticker-header div, div.sticker-header div {
+
.mw-editsection a {
background: url("/w/skins/foreground/assets/images/sticker-down.gif") no-repeat scroll right bottom transparent;
+
color:#222;
padding: 0.6em 3em 0.6em 1em;
+
border-bottom:none;
 
}
 
}
div.logo {
+
.mw-editsection a:hover {
background: url(http://souperstar.ru/wp-content/themes/iA3-1.2.3/assets/img/logo.gif) no-repeat left center;
+
color:#222;
clear: left;
+
border-bottom:none;
float: left;
+
font-family: Souperstar,sans-serif;
+
font-size: 22px;
+
left: 0;
+
margin-top: -0.2em;
+
position: relative;
+
white-space: nowrap;
+
-moz-border-radius-topleft: 2px;
+
-webkit-border-top-left-radius: 2px;
+
-o-border-top-left-radius: 2px;
+
-ms-border-top-left-radius: 2px;
+
-khtml-border-top-left-radius: 2px;
+
border-top-left-radius: 2px;
+
-moz-border-radius-bottomleft: 2px;
+
-webkit-border-bottom-left-radius: 2px;
+
-o-border-bottom-left-radius: 2px;
+
-ms-border-bottom-left-radius: 2px;
+
-khtml-border-bottom-left-radius: 2px;
+
border-bottom-left-radius: 2px;
+
height: 50px;
+
margin-right: 2em;
+
width: 9.5em;
+
z-index: 10;
+
letter-spacing: 1px;
+
 
}
 
}
  
div.logo a {
+
.column, .columns {
color: #000;
+
margin-bottom: 1em;
text-decoration: none;
+
 
}
 
}
  
div.logo a:hover { text-decoration: none; }
+
p {
div.logo a:active { text-decoration: none; }
+
margin-bottom: 1.5em;
 
+
div.logo .yc {
+
padding: 8px;
+
margin-left: 50px;
+
}
+
 
+
div.logo .ycs{
+
font-size: 11px;
+
font-weight: normal;
+
color: #fff;
+
margin-top: -2px;
+
letter-spacing: 0px;
+
}
+
#header a:hover {
+
text-decoration: none;
+
}
+
 
+
div.logo-footer {
+
background: url("/w/skins/foreground/assets/images/logo-footer.gif") no-repeat left center;
+
clear: left;
+
font-family: Tahoma,Arial,Helvetica,sans-serif;
+
font-size: 14px;
+
font-weight: bold;
+
left: -6px;
+
margin-top: -0.2em;
+
position: relative;
+
white-space: nowrap;
+
-moz-border-radius-topleft: 2px;
+
-webkit-border-top-left-radius: 2px;
+
-o-border-top-left-radius: 2px;
+
-ms-border-top-left-radius: 2px;
+
-khtml-border-top-left-radius: 2px;
+
border-top-left-radius: 2px;
+
-moz-border-radius-bottomleft: 2px;
+
-webkit-border-bottom-left-radius: 2px;
+
-o-border-bottom-left-radius: 2px;
+
-ms-border-bottom-left-radius: 2px;
+
-khtml-border-bottom-left-radius: 2px;
+
border-bottom-left-radius: 2px;
+
height: 50px;
+
margin-right: 2em;
+
width: 10.5em;
+
z-index: 10;
+
letter-spacing: 1px;
+
}
+
 
+
div.logo-footer a {
+
color: #999;
+
text-decoration: none;
+
}
+
 
+
div.logo-footer a:hover { text-decoration: none; }
+
div.logo-footer a:active { text-decoration: none; }
+
 
+
div.logo-footer .yc-footer {
+
padding: 8px;
+
}
+
 
+
div.logo-footer .ycs-footer{
+
font-size: 10px;
+
font-weight: normal;
+
color: #999;
+
margin-top: -2px;
+
letter-spacing: 0px;
+
 
}
 
}

Текущая версия на 16:16, 31 июля 2015

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
 
body {
font-family: souperstar;
color:#222;
}
 
.row {
width: 95%;
max-width: 820px;
}
 
.wikiEditor-ui-text {
font-size:1.3em;
}
 
.top-bar {
background: #fff;
}
 
.title-name {
color:#222;
}
 
.internal img {
display: inline-block;
vertical-align: middle;
border: none;
margin-left: 10px}
 
.original img {
display: inline-block;
vertical-align: middle;
border: none;
margin-left: 0}
 
.noautonum .tocnumber { display: none; }
 
/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
.l-page__gap, .l-page__gap i {
width: 40px;
}
.l-page_layout_72-20 .l-page__left {
width: 72%;
}
 
.b-properties__value {
padding: 0 0 .7em;
}
.b-properties {
width: 100%;
margin: 0 0 2em;
border-collapse: collapse;
}
.b-properties__label-title {
width: 270px;
padding: 0 10px 0 0;
background: url(/_c/aYN5BTca5kbhA-5_ioaa5tzaql0.gif) repeat-x 100% .9em;
}
.b-properties__value {
padding: 0 0 .7em;
}
 
ol.references { font-size: 15px; }
ol.references li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
 
sub, sup {
font-size: 14px;
background: yellow;}
 
.mw-cite-backlink { background: yellow;}
 
ol>li{
  display:block;
}
ol{
  counter-reset:item;
}
ol>li:before{
  counter-increment:item;
  content:counters(item,".") ". ";
}
 
.mw-content-ltr ol, .mw-content-ltr ol {
margin: 0;}
 
.mw-content-ltr ol ol, .mw-content-ltr ol ol {
margin: 0 0 0 0em;}
 
body.page-Главная h2.title { display:none; }
body.page-Главная h3#tagline { display:none; }
body.page-Покупатели h2.title { display:none; }
 
 
.top-bar .name div a {
    color: rgb(255, 255, 255);
    display: block;
    padding: 10px 15px;
}
h1 {
font-family: souperstar, sans-serif;
font-size: 1.5em;
margin-top: 0.8em;
}
h2 span {
font-family: souperstar, sans-serif;
display:inline;
}
h2 {
font-family: souperstar, sans-serif;
font-size: 17px;
font-weight:bold;
border-bottom:none;
}
h2 .mw-headline::before{
content: "# ";
margin-left: -21px;
}
h3 .mw-headline::before{
content: "* ";
margin-left: -21px;
}
h4 .mw-headline::before{
content: "? ";
margin-left: -21px;
}
h5 .mw-headline::before{
content: "! ";
margin-left: -21px;
}
 
.mw-headline {
font-weight: normal;
border-bottom: 1px solid #222;
}
h2.title {
font-family: souperstar, sans-serif;
font-size: 1.7em;
margin-bottom:2em;
}
 
 
.ns-subject h3, .ns-special h3, .page-Main_Page h3 {
font-family: souperstar, sans-serif;
font-size: 17px;
}
 
h4{
font-family: souperstar, sans-serif;
font-size: 17px;
}
 
h5 {
font-family: souperstar, sans-serif;
font-size: 17px;
}
 
h3 {
font-family: souperstar, sans-serif;
    margin-top: 30px;
}
 
h3#tagline {
font-style: italic;
font-size: 17px;
margin-bottom: 3em;
color: #6f6f6f;
text-align: center;
font-weight: normal;
display:none; 
}
#tagline {
font-size: 17px;
font-style: italic;
margin-top: -51px;
font-weight: normal;
display:none; 
}
 
h4 {
    margin-top: 20px;
}
h5 {
    margin-top: 10px;
}
 
h1, h2, h3, h4, h5, h6 {
line-height: 1.5em;
}
 
/* remove Toolbox */ 
#p-tb { display:none !important; }
 
p, pre {
    font-size: 17px;}
 
pre {
font-family: souperstar;
background: rgb(255, 255, 200);
/* border-left: 1px solid #F40000; */
/* padding-left: 15px; */
}
 
pre::before{
content: "— ";
color: #ff0000;
}
 
.mw-content-ltr table#toc {
    float: right;
    margin-left: 20px;
    width: 45%;
margin-bottom: 0.6em;
}
ul, ol, dl {
    font-size: 17px;}
 
a {
    color: #006699;}
 
.subheader {font-weight:normal}
 
.editsection {
font-size: 17px;
}
 
.center {
    text-align: center;
}
 
.center * {
    margin-left: auto;
    margin-right: auto;
}
 
div {
line-height: 1.6;
}
.CategoryTreeTag {
font-size: 17px;
}
 
.CategoryTreeLabelCategory {
font-weight: bold;
color: black;
}
 
hr {
border: dashed #7C7C7C;
border-width: 1px 0 0;
clear: both;
margin: 1.25em 0 1.1875em;
height: 0;
width: 70%;
}
 
#header-middle-search-form .input {
display: inline-block;
height: 27px;
line-height: 18px;
width: 218px;
margin: 0;
padding: 0 0 1px;
font-size: 16px;
border: none;
border-bottom: 1px solid #c7c7c7;
background: #fff;
vertical-align: top;
outline: none;
box-shadow: none;
}
 
.speed-button {
display: none;
}
 
.mw-content-ltr a {
color:#222;
border-bottom:1px solid #222;
}
.mw-content-ltr a:hover {
color:#222;
border-bottom:1px solid #222;
}
 
.mw-editsection a {
color:#222;
border-bottom:none;
}
.mw-editsection a:hover {
color:#222;
border-bottom:none;
}
 
.column, .columns {
margin-bottom: 1em;
}
 
p {
margin-bottom: 1.5em;
}