MediaWiki:Chameleon.css: Unterschied zwischen den Versionen
Aus LNTwww
Tasnad (Diskussion | Beiträge) |
Tasnad (Diskussion | Beiträge) |
||
| (29 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 4: | Zeile 4: | ||
img { | img { | ||
max-width: 100%; | max-width: 100%; | ||
| − | height: auto; | + | height: auto; |
| − | |||
} | } | ||
/*"Beobachten"-Link am Seitenende entfernen */ | /*"Beobachten"-Link am Seitenende entfernen */ | ||
#contentSub { | #contentSub { | ||
| − | display:none | + | display:none |
} | } | ||
.patrollink { | .patrollink { | ||
| − | display:none | + | display:none |
} | } | ||
| Zeile 20: | Zeile 19: | ||
/*Main Page*/ | /*Main Page*/ | ||
.marketing .col-sm-3 { | .marketing .col-sm-3 { | ||
| − | + | margin-bottom: 20px; | |
| − | + | text-align: center; | |
} | } | ||
.marketing h2 { | .marketing h2 { | ||
| − | + | font-weight: normal; | |
} | } | ||
.col-sm-3 { | .col-sm-3 { | ||
| − | text-align: center; | + | text-align: center; |
} | } | ||
.marketing .col-sm-3 p { | .marketing .col-sm-3 p { | ||
| − | + | text-align: center; | |
| − | + | margin-right: 10px; | |
| − | + | margin-left: 10px; | |
} | } | ||
| − | .glyphicon-book, .user-alt, .glyphicon-download, .glyphicon-exclamation-sign, .glyphicon-education { | + | .glyphicon-book, .user-alt, .glyphicon-download, .glyphicon-info-sign, .glyphicon-th-large, .glyphicon-film, .glyphicon-exclamation-sign, .glyphicon-education { |
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
| − | border-radius:100px; | + | border-radius:100px; |
| − | padding:20px; | + | padding:20px; |
| − | font-size: 1.5em; | + | font-size: 1.5em; |
| − | color: white; | + | color: white; |
| − | margin-left:auto; | + | margin-left:auto; |
| − | margin-right: auto; | + | margin-right: auto; |
| − | background:#215fa6; | + | background:#215fa6; |
} | } | ||
.img-responsive { | .img-responsive { | ||
| − | margin: 0 auto; | + | margin: 0 auto; |
| − | padding-bottom: 1em; | + | padding-bottom: 1em; |
} | } | ||
.btn-lg { | .btn-lg { | ||
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
| − | font-size:23px; | + | font-size:23px; |
| − | margin-left: auto; | + | margin-left: auto; |
| − | margin-right:auto; | + | margin-right:auto; |
} | } | ||
.applet-button { | .applet-button { | ||
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
| − | font-size:16px; | + | font-size:16px; |
| − | margin-left: auto; | + | margin-left: auto; |
| − | margin-right:auto; | + | margin-right:auto; |
} | } | ||
.button-large { | .button-large { | ||
| − | text-align: center; | + | text-align: center; |
| − | padding-bottom: 2em; | + | padding-bottom: 2em; |
} | } | ||
a.btn-lg:link { | a.btn-lg:link { | ||
| − | color: white; | + | color: white; |
} | } | ||
a.btn-lg:visited { | a.btn-lg:visited { | ||
| − | color:white; | + | color:white; |
} | } | ||
.featurette-heading { | .featurette-heading { | ||
| − | + | font-weight: 300; | |
| − | + | line-height: 1; | |
| − | + | letter-spacing: -1px; | |
} | } | ||
.col-md-7{ | .col-md-7{ | ||
| − | padding-top:.4em; | + | padding-top:.4em; |
} | } | ||
.col-md-5{ | .col-md-5{ | ||
| − | text-align:right; | + | text-align:right; |
| − | float:right; | + | float:right; |
} | } | ||
.col-xs-15, | .col-xs-15, | ||
.col-sm-15 { | .col-sm-15 { | ||
| − | position: relative; | + | position: relative; |
min-height: 1px; | min-height: 1px; | ||
padding-right: 10px; | padding-right: 10px; | ||
| Zeile 116: | Zeile 115: | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
| − | .col-sm-15 { | + | .col-sm-15 { |
width: 20%; | width: 20%; | ||
float: left; | float: left; | ||
| Zeile 134: | Zeile 133: | ||
} | } | ||
@media screen and (min-width : 800px) { | @media screen and (min-width : 800px) { | ||
| − | .pullright{ | + | .pullright{ |
| − | float:right; | + | float:right; |
| − | } | + | } |
} | } | ||
@media only screen and (max-width : 800px){ | @media only screen and (max-width : 800px){ | ||
| − | + | .pullright { | |
| − | display: block; | + | display: block; |
| − | + | margin-left: auto; | |
| − | + | margin-right: auto; | |
| − | } | + | } |
} | } | ||
@media (max-width: 768px){ | @media (max-width: 768px){ | ||
| − | .col-sm-15{ | + | .col-sm-15{ |
| − | display:none; | + | display:none; |
| − | } | + | } |
} | } | ||
@media (max-width: 1200px){ | @media (max-width: 1200px){ | ||
| − | .col-sm-5{ | + | .col-sm-5{ |
| − | padding-top:2em; | + | padding-top:2em; |
| − | } | + | } |
} | } | ||
@media(max-width:890px){ | @media(max-width:890px){ | ||
| − | .navbar-personaltools{ | + | .navbar-personaltools{ |
| − | display:none; | + | display:none; |
| − | } | + | } |
} | } | ||
/* remove Toolbox */ | /* remove Toolbox */ | ||
| − | #p-tb { display:none !important; } | + | /*#p-tb { display:none !important; }*/ |
/*remove Subpage breadcrumb */ | /*remove Subpage breadcrumb */ | ||
| − | .subpages { | + | /*.subpages { |
| − | display:none !important; | + | display:none !important; |
} | } | ||
| − | + | */ | |
.mw-body { | .mw-body { | ||
| − | max-width: | + | /*max-width: 1100px;*/ |
| − | margin: 0 auto !important; | + | margin: 0 auto !important; |
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/*Rahmen für Inhaltsverzeichnis*/ | /*Rahmen für Inhaltsverzeichnis*/ | ||
#toc ul { | #toc ul { | ||
| − | border-radius: 3px; | + | border-radius: 3px; |
| − | border: #e4e2e0 solid 1px; | + | border: #e4e2e0 solid 1px; |
| − | display: inline-block; | + | display: inline-block; |
| − | background: #f9f9f9; | + | background: #f9f9f9; |
| − | padding: 10px; | + | padding: 10px; |
} | } | ||
| Zeile 197: | Zeile 188: | ||
/*Anpassungen für Bootstrap skin, nicht notwendig für vector*/ | /*Anpassungen für Bootstrap skin, nicht notwendig für vector*/ | ||
.quiz .sign { | .quiz .sign { | ||
| − | padding: 0.1em 0.4em 0.1em 0.4em; | + | padding: 0.1em 0.4em 0.1em 0.4em; |
} | } | ||
.quiz table.object, .quiz table.correction { | .quiz table.object, .quiz table.correction { | ||
| − | height: 4em; | + | height: 4em; |
} | } | ||
| Zeile 207: | Zeile 198: | ||
.definition:before { | .definition:before { | ||
| − | content:"Definition"; | + | content:"Definition"; |
| − | font-weight: bold; | + | font-weight: bold; |
| − | font-size: 18px; | + | font-size: 18px; |
} | } | ||
.definition { | .definition { | ||
| − | padding: 1em; | + | padding: 1em; |
| − | background: #c9dff7; | + | background: #c9dff7; |
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
.box_notitle { | .box_notitle { | ||
| − | padding: 1em; | + | padding: 1em; |
| − | background: #c9dff7; | + | background: #c9dff7; |
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
.greybox { | .greybox { | ||
| − | padding: 1em; | + | padding: 1em; |
| − | padding-bottom: | + | padding-bottom: 1em; |
| − | background: #e5e5e5; | + | background: #e5e5e5; |
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
.bluebox { | .bluebox { | ||
| − | padding: 1em; | + | padding: 1em; |
| − | padding-bottom: | + | padding-bottom: 1em; |
| − | background: #c9dff7; | + | background: #c9dff7; |
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
.redbox { | .redbox { | ||
| − | padding: 1em; | + | padding: 1em; |
| − | padding-bottom: | + | padding-bottom: 1em; |
| − | background: #ff5300; | + | background: #ff5300; |
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
| + | } | ||
| + | |||
| + | /* move the content of Collapse templates a bit to the right */ | ||
| + | .lntwwwCollapsible { | ||
| + | position:relative; left:1em; | ||
} | } | ||
.example:before { | .example:before { | ||
| − | content:"Beispiel"; | + | content:"Beispiel"; |
| − | font-weight: bold; | + | font-weight: bold; |
| − | font-size: 18px; | + | font-size: 18px; |
} | } | ||
.example { | .example { | ||
| − | padding: 1em; | + | padding: 1em; |
| − | padding-bottom: 1px; | + | padding-bottom: 1px; |
| − | background: #e5e5e5; | + | background: #e5e5e5; |
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
.example-right:before { | .example-right:before { | ||
| − | content:"Beispiel"; | + | content:"Beispiel"; |
| − | font-weight: bold; | + | font-weight: bold; |
| − | font-size: 18px; | + | font-size: 18px; |
} | } | ||
.example-right{ | .example-right{ | ||
| − | padding: 1em; | + | padding: 1em; |
| − | padding-bottom: 1px; | + | padding-bottom: 1px; |
| − | background: #e5e5e5; | + | background: #e5e5e5; |
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
| Zeile 273: | Zeile 269: | ||
.example-right { | .example-right { | ||
padding: 1em; | padding: 1em; | ||
| − | padding-bottom: 1px; | + | padding-bottom: 1px; |
| − | background: #e5e5e5; | + | background: #e5e5e5; |
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
| − | display:inline-block; | + | display:inline-block; |
| − | float:right; | + | float:right; |
| − | width:50%; | + | width:50%; |
| − | margin-left:2em; | + | margin-left:2em; |
} | } | ||
} | } | ||
.proof:before { | .proof:before { | ||
| − | content:"Beweis"; | + | content:"Beweis"; |
| − | font-weight: bold; | + | font-weight: bold; |
| − | font-size: 18px; | + | font-size: 18px; |
} | } | ||
.proof{ | .proof{ | ||
| − | padding: 1em; | + | padding: 1em; |
| − | background: #c9dff7; | + | background: #c9dff7; |
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
h3{ | h3{ | ||
| − | font-weight:500; | + | font-weight:500; |
} | } | ||
.satz:before { | .satz:before { | ||
| − | content:"Satz"; | + | content:"Satz"; |
| − | font-weight: bold; | + | font-weight: bold; |
| − | font-size: 18px; | + | font-size: 18px; |
} | } | ||
.satz{ | .satz{ | ||
| − | padding: 1em; | + | padding: 1em; |
| − | background: #c9dff7; | + | background: #c9dff7; |
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
} | } | ||
| Zeile 311: | Zeile 307: | ||
/*Header*/ | /*Header*/ | ||
h2{ | h2{ | ||
| − | color: black; | + | color: black; |
| − | font-weight:390; | + | font-weight:390; |
| − | padding-top:1.5em; | + | padding-top:1.5em; |
} | } | ||
.MathJax_Display { | .MathJax_Display { | ||
| − | + | text-align: left !important; | |
| − | padding-left:1em; | + | padding-left:1em; |
} | } | ||
.subpages { | .subpages { | ||
| − | display:none; | + | display:none; |
} | } | ||
| − | + | .breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\276F\00a0";} | |
| − | + | .breadcrumb { | |
| − | + | font-size: .88em; | |
| − | background: white; | + | background: white; |
| − | border: solid #ddd 1px; | + | border: solid #ddd 1px; |
| − | border-radius: 0px; | + | border-radius: 0px; |
| − | + | } | |
.container-breadcrumb { | .container-breadcrumb { | ||
| − | + | float:left; | |
| − | margin-bottom: 1em; | + | margin-bottom: 1em; |
| + | } | ||
| + | .active { | ||
| + | padding-right: 1.5em; | ||
| + | padding-bottom: 5.5px; | ||
| + | padding-top: 5.5px; | ||
| + | ma | ||
| + | } | ||
| + | .pager { | ||
| + | float: right; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.bottomm { | .bottomm { | ||
| − | position:absolute; | + | position:absolute; |
| − | bottom:0; | + | bottom:0; |
| − | right:45px; | + | right:45px; |
} | } | ||
| Zeile 356: | Zeile 352: | ||
/*Musterlösung*/ | /*Musterlösung*/ | ||
#accordion { | #accordion { | ||
| − | + | display: inline-block; | |
| − | + | background: #f6f6f6; | |
} | } | ||
a{ | a{ | ||
| − | font-weight:400; | + | font-weight:400; |
} | } | ||
a:link { | a:link { | ||
| − | color: #215fa6; | + | color: #215fa6; |
| − | |||
} | } | ||
| − | /*Büchersammlung*/ | + | /* Übersichtsseiten zu Büchersammlung und Aufgabensammlung */ |
| − | + | /* | |
@media screen and (min-width: 980px) { | @media screen and (min-width: 980px) { | ||
| − | . | + | .buecher-colitem { |
| − | background: | + | background: #f6f6f6; |
| − | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); |
| − | padding: .8em; | + | padding: .8em; |
| − | margin-bottom: 1em; | + | margin-bottom: 1em; |
| − | min-height:13.5em; | + | min-height:13.5em; |
| − | text-align: center; | + | text-align: center; |
} | } | ||
} | } | ||
| + | */ | ||
| + | .overview-colitem { | ||
| + | background: #f6f6f6; | ||
| + | box-shadow: 1px 2px 4px rgba(0,0,0,.4); | ||
| − | . | + | padding: .8em; |
| − | + | margin-left: 1em; | |
| − | + | margin-right: 1em; | |
| − | + | margin-bottom: 1em; | |
| − | + | text-align: center; | |
| − | margin-bottom: 1em; | ||
| − | text-align: center; | ||
} | } | ||
| − | + | .overview-colitem { | |
| − | . | + | float: left !important; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | + | /* tasnad.kernetzky@tum.de: this made the quiz very ugly after pressing the show solutions button */ |
| − | + | .quiz a.input span { | |
| − | + | outline: #7f9db9 solid 0px; | |
| − | |||
| − | |||
| − | |||
} | } | ||
Aktuelle Version vom 25. Februar 2021, 21:57 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*Bilder an Fenstergröße anpassen */
img {
max-width: 100%;
height: auto;
}
/*"Beobachten"-Link am Seitenende entfernen */
#contentSub {
display:none
}
.patrollink {
display:none
}
#content { font:Georgia; }
/*Main Page*/
.marketing .col-sm-3 {
margin-bottom: 20px;
text-align: center;
}
.marketing h2 {
font-weight: normal;
}
.col-sm-3 {
text-align: center;
}
.marketing .col-sm-3 p {
text-align: center;
margin-right: 10px;
margin-left: 10px;
}
.glyphicon-book, .user-alt, .glyphicon-download, .glyphicon-info-sign, .glyphicon-th-large, .glyphicon-film, .glyphicon-exclamation-sign, .glyphicon-education {
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
border-radius:100px;
padding:20px;
font-size: 1.5em;
color: white;
margin-left:auto;
margin-right: auto;
background:#215fa6;
}
.img-responsive {
margin: 0 auto;
padding-bottom: 1em;
}
.btn-lg {
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
font-size:23px;
margin-left: auto;
margin-right:auto;
}
.applet-button {
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
font-size:16px;
margin-left: auto;
margin-right:auto;
}
.button-large {
text-align: center;
padding-bottom: 2em;
}
a.btn-lg:link {
color: white;
}
a.btn-lg:visited {
color:white;
}
.featurette-heading {
font-weight: 300;
line-height: 1;
letter-spacing: -1px;
}
.col-md-7{
padding-top:.4em;
}
.col-md-5{
text-align:right;
float:right;
}
.col-xs-15,
.col-sm-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
@media screen and (min-width : 800px) {
.pullright{
float:right;
}
}
@media only screen and (max-width : 800px){
.pullright {
display: block;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px){
.col-sm-15{
display:none;
}
}
@media (max-width: 1200px){
.col-sm-5{
padding-top:2em;
}
}
@media(max-width:890px){
.navbar-personaltools{
display:none;
}
}
/* remove Toolbox */
/*#p-tb { display:none !important; }*/
/*remove Subpage breadcrumb */
/*.subpages {
display:none !important;
}
*/
.mw-body {
/*max-width: 1100px;*/
margin: 0 auto !important;
}
/*Rahmen für Inhaltsverzeichnis*/
#toc ul {
border-radius: 3px;
border: #e4e2e0 solid 1px;
display: inline-block;
background: #f9f9f9;
padding: 10px;
}
/*Anpassungen für Bootstrap skin, nicht notwendig für vector*/
.quiz .sign {
padding: 0.1em 0.4em 0.1em 0.4em;
}
.quiz table.object, .quiz table.correction {
height: 4em;
}
/* Definitionskasten */
.definition:before {
content:"Definition";
font-weight: bold;
font-size: 18px;
}
.definition {
padding: 1em;
background: #c9dff7;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.box_notitle {
padding: 1em;
background: #c9dff7;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.greybox {
padding: 1em;
padding-bottom: 1em;
background: #e5e5e5;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.bluebox {
padding: 1em;
padding-bottom: 1em;
background: #c9dff7;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.redbox {
padding: 1em;
padding-bottom: 1em;
background: #ff5300;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
/* move the content of Collapse templates a bit to the right */
.lntwwwCollapsible {
position:relative; left:1em;
}
.example:before {
content:"Beispiel";
font-weight: bold;
font-size: 18px;
}
.example {
padding: 1em;
padding-bottom: 1px;
background: #e5e5e5;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
.example-right:before {
content:"Beispiel";
font-weight: bold;
font-size: 18px;
}
.example-right{
padding: 1em;
padding-bottom: 1px;
background: #e5e5e5;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
@media screen and (min-width: 980px) {
.example-right {
padding: 1em;
padding-bottom: 1px;
background: #e5e5e5;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
display:inline-block;
float:right;
width:50%;
margin-left:2em;
}
}
.proof:before {
content:"Beweis";
font-weight: bold;
font-size: 18px;
}
.proof{
padding: 1em;
background: #c9dff7;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
h3{
font-weight:500;
}
.satz:before {
content:"Satz";
font-weight: bold;
font-size: 18px;
}
.satz{
padding: 1em;
background: #c9dff7;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
}
/*Header*/
h2{
color: black;
font-weight:390;
padding-top:1.5em;
}
.MathJax_Display {
text-align: left !important;
padding-left:1em;
}
.subpages {
display:none;
}
.breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\276F\00a0";}
.breadcrumb {
font-size: .88em;
background: white;
border: solid #ddd 1px;
border-radius: 0px;
}
.container-breadcrumb {
float:left;
margin-bottom: 1em;
}
.active {
padding-right: 1.5em;
padding-bottom: 5.5px;
padding-top: 5.5px;
ma
}
.pager {
float: right;
}
.bottomm {
position:absolute;
bottom:0;
right:45px;
}
/*Musterlösung*/
#accordion {
display: inline-block;
background: #f6f6f6;
}
a{
font-weight:400;
}
a:link {
color: #215fa6;
}
/* Übersichtsseiten zu Büchersammlung und Aufgabensammlung */
/*
@media screen and (min-width: 980px) {
.buecher-colitem {
background: #f6f6f6;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
padding: .8em;
margin-bottom: 1em;
min-height:13.5em;
text-align: center;
}
}
*/
.overview-colitem {
background: #f6f6f6;
box-shadow: 1px 2px 4px rgba(0,0,0,.4);
padding: .8em;
margin-left: 1em;
margin-right: 1em;
margin-bottom: 1em;
text-align: center;
}
.overview-colitem {
float: left !important;
}
/* tasnad.kernetzky@tum.de: this made the quiz very ugly after pressing the show solutions button */
.quiz a.input span {
outline: #7f9db9 solid 0px;
}