User:Wigital/vector.css

/*  ------------------------------------------------------- */
/*  CSS RESET                                               */
/*  ------------------------------------------------------- */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html {
    -webkit-text-size-adjust: none;
}

body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
    clear: both;
}

sub {
    vertical-align:sub;
    font-size:smaller;
}

sup {
    vertical-align:super;
    font-size:smaller;
}

hr { height: 1px; background-color: #aaa; border-top: 1px solid #aaa; margin: 0.25em 0; }

ol, ul { margin: 1em 0;}
ol li, ul li {
    margin: 0.4em 0 0 2em;
}
ul li { list-style-type: square;}
dt {
    font-weight: bold;
    margin-bottom: .1em;
}
dl {
    margin-top: .2em;
    margin-bottom: .5em;
}
dd {
    line-height: 2em;
    margin-left: 2em;
    margin-bottom: .1em;
}


code {
    background-color: #f9f9f9;
}
pre {
    padding: 1em;
    border: 5px dashed #2f6fab;
    color: black;
    background-color: #f9f9f9;
    line-height: 1.1em;
}


b, strong { font-weight: bold;}
i { font-style : italic;}
/*  ENABLE HYPHENS                                          */
/*  ------------------------------------------------------- */

p,li,dl,td {
	-webkit-hyphens:auto;
}

/*  END CSS RESET                                           */
/*  ------------------------------------------------------- */

/*  DO NOT DISPLAY THESE ELEMENTS                           */
/*  ------------------------------------------------------- */

.toc,
.references-small, /* Albert Einstein, other references */
.printfooter, /* retrieved from . . . at bottom of page */
.editsection, /* Edit links */
.noprint:not(span), /* v d e on tables */
.printonly, /* misc icons */
.hidden, /* internal */
.metadata, /* encountered on audio: info, help */
.Template-Fact, /* citation needed */
#coordinates, /* Coordinates */
.magnify, /* magnify icon */
.catlinks, /* category links */
.sisterproject, /* listen to this article (on barack obama page) */
.infobox hr, /* annoying HR in infobox */
.navbox .image, /* images in navboxes cause all sorts of awful css bugs */
.internal /* "listen" links */
{
	display: none!important;
}

/*  END DO NOT DISPLAY THESE ELEMENTS                       */
/*  ------------------------------------------------------- */

/*  ------------------------------------------------------- */
/*  TEXT                                                    */
/*  ------------------------------------------------------- */

p {
    margin: 0.75em 0;
}

body.ipad {
    padding: 0 40px 32px;
}

body.night {
	background: #000;
	color: #aaa;
}
body.sepia {
	color: #7f5c40;
	background: #f0e7d5;
}

body.xxsmall {
    font-size:.8em;
    line-height:1.45em;
}

body.xsmall {
    font-size:.9em;
    line-height:1.5em;
}

body,body.small {
    font-size:.95em;
    line-height:1.5em;
}

body.medium {
    font-size:1.05em;
    line-height:1.55em;
}

body.large {
    font-size:1.1em;
    line-height:1.6em;
}

body.xlarge {
    font-size:1.2em;
    line-height:1.65em;
}

body.xxlarge {
    font-size:1.3em;
    line-height:1.7em;
}

body.xxxlarge {
    font-size:1.5em;
    line-height:1.75em;
}

body {
    font-family: "Georgia", serif;
	background: #fff;
	color:#222;
    padding: 0 16px 32px;
}

body.table {
    padding: 0!important;
    margin-top: 0!important;
}

/*  ------------------------------------------------------- */
/*  HEADERS                                                 */
/*  ------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: "Georgia", serif;
    font-weight: 400;
    padding: 0.5em 0;
	font-variant: small-caps;
	display: block;
	color: inherit;
}

h1 { font-size: 1.8em;}
h2 { font-size: 1.6em;}
h3 { font-size: 1.3em;}
h4, h5, h6 { font-size: 1.2em;}
/*  ------------------------------------------------------- */
/*  REMOVE EXCESS PADDING                                   */

h2+h3, h3+h4 {
    padding-top: 0;
}

/*  ------------------------------------------------------- */
/*  LINKS                                                   */
/*  ------------------------------------------------------- */


a {
	color: #005799;
    text-decoration: none;
	-webkit-touch-callout:none;
}
a.image {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.night a { color:#b77e7e;}
.sepia a { color:#294847;}

/*  MISSING LINK                                            */
a.new {
    color: #BA0000!important;
}
 

/*  EXTERNAL LINK                                           */
/*  ------------------------------------------------------- */
a.external {
    -webkit-border-radius:2px!important;
    background-color: #eee;
}

.night a.external {
    background: #343434;
}

/*  ------------------------------------------------------- */
/*  IMAGES                                                  */
/*  ------------------------------------------------------- */


.gallerybox { 
    list-style: none;
}

div.thumbinner, .gallerybox > div{
    -webkit-border-radius: 1px;
    border: none;
    padding: 7px !important;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    -webkit-box-shadow:0 2px 5px #555;
}

.night div.thumbinner, .night .gallerybox > div {
    background: #343434;
}

.thumbimage {
    border: 1px solid #ededed;
    margin-bottom: 5px;
}

.thumbcaption {
    font-size: 0.75em;
    text-align: left;
    line-height: 1.4em;
    padding: 0.3em !important;
}

.gallerytext {
    margin-top:-2em;
    text-align: center;
    max-width: 280px;
    font-size: 1em;
}


/*  ------------------------------------------------------- */
/*  TABLES                                                  */
/*  ------------------------------------------------------- */

.infobox {
    float: right;
    /* the clear is important for smaller boxes i.e. on Al Gore */
    clear: right;
}

.infobox,.wikitable,.prettytable {
    border: 1px solid #b6b6b6;
    font-size: 0.8em!important;
    margin: 0.25em 0 0.25em 1em;
}

.infobox div, .infobox tr, .infobox td, .infobox th, .wikitable th { background:transparent!important;}
.infobox tr, .wikitable tr {
    border: 1px solid #c9c9c9;
}

.infobox th,.infobox td,.toccolours th,.toccolours td,.wikitable th,.wikitable td,.prettytable th,.prettytable td {
    padding:5px;
}

.infobox th {
    font-weight: bold;
    
}

.infobox li {
    list-style:none;
}

.navbox {
    margin: 1em 0;
    font-size: 14px!important;
}

.navbox-group {
    text-align:right;
    border:none!important;
    padding:0.75em 0.5em;
    min-width: 100px;
}

.navbox-list, .navbox-abovebelow {
    font-size: 0.9em;
    border: none!important;
}

.navbox-title,.navbox-group {
    color:#555;
    background-color:#efefef;
    font-weight: bold;
}

.night .navbox-title, .night .navbox-group {
    background: #333!important;
    color: #888;
}



/*  iPhone and iPad         */
/*  ----------------------- */
@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2), screen and (device-width: 768px) {
    html, body {
        overflow:hidden;
        text-overflow: ellipsis;
    }
}

/*  iPhone Only                                                   */
/*  ------------------------------------------------------- */

@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
    /* iPhone CSS rules here */
    
    body {
        margin-top: 44px;
    }
        
    .infobox {
        float: none!important;
    }
    
    .infobox, .wikitable, .prettytable, .navbox {
        margin: 0!important;
    }
    
    .vcard { float: none!important;}

    .thumbinner img{
        width:128px!important;
        min-width:128px;
        height: auto!important;
    }
    
    .thumbinner { max-width: 128px; }
    
    img { max-width: 85%!important; }
}
 
 

.tableLink {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-border-radius: 8px;
    border: 1px solid #888;
    text-align: center;
    background: #eee;
    color: #333;
    padding: 0.25em 0.5em;
    margin: 0.5em 0;
    clear: both;
    display:block;
}

.night .tableLink {
    background: #343434!important;
}

a.tableLink:hover {
    border: 1px solid #333;
}

/*  ------------------------------------------------------- */
/*  FLOAT                                                   */
/*  ------------------------------------------------------- */

.floatright, .tright { clear: right; float: right; margin: 0.75em 0 0.75em 0.75em;}
.floatnone, .tnone { clear: both; float: none;}
.floatleft, .tleft { clear: left; float: left; margin: 0.75em 0.75em 0.75em 0;}

/*  ------------------------------------------------------- */
/*  Related links, main article blocks                      */
/*  ------------------------------------------------------- */

.rellink, .dablink {
    border:1px solid #b6b6b6;
    background: #efefef;
    font-style:italic;
    margin-bottom:0.5em;
    padding: 0.25em 0.5em;
    font-size: 0.8em;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

.night .rellink, .night .dablink {
    background: #343434;
    border: 1px solid #666;
}

.no_references .reference, .no_references .reflist {
    display: none;
}

.reflist, .refbegin { font-size: 0.75em; 0.85em;}

#footer-info-copyright {
    list-style-type: none;
    border-top: 1px solid #b9b9b9;
    padding-top: 1em;
    font-size: 0.75em;
    line-height: 1.2em;
    text-align: center;
}

div[id^='ogg'] button { display: none;}

/*  ------------------------------------------------------- */
/*  HIGHLIGHT                                                   */
/*  ------------------------------------------------------- */

.highlight
{
	-webkit-box-shadow:#000 0 1px 3px;
	-webkit-border-radius:2px;
	color:#222;
	background: -webkit-gradient(linear,left top,left bottom,from(#ffe852),to(#ffe03d));
}
/*  ------------------------------------------------------- */
/*  LEGACY                                                   */
/*  ------------------------------------------------------- */

.right {
	float:right; clear:right;margin: 1em 0 1em 1em;
}

.left {
	float:left; clear:left; margin: 1em 1em 1em 0;
}

.icenter {display: block; margin: 0px auto; text-align: center; width:275px;}

.no_shadow
{
	margin-right: 16px;
	border: none;
	-webkit-box-shadow: none;
}

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.