Dashboard

Editing: style.css

/* Reset
========================================
based on the following sources, with customizations:
normalize.css v2.1.3      | MIT License   | git.io/normalize
meyer reset v2.0 20110126 | Public Domain | meyerweb.com/eric/tools/css/reset/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: none;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}

/* 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
	min-height: 100%;
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	-webkit-tap-highlight-color: rgba( 255, 255, 255, 0.5);
	/* -webkit-touch-callout: none; */
	}

/* Correct `block` display not defined in IE 8/9. */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
	}

/* Correct `inline-block` display not defined in IE 8/9. */

audio, canvas, video {
    display: inline-block;
	}

/* Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
	}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden], template {
    display: none;
}

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
	}

/* Address `outline` inconsistency between Chrome and other browsers. */

a:focus {
    outline: thin dotted;
	}

/* Improve readability when focused and also mouse hovered in all browsers. */

a:active,
a:hover {
    outline: 0;
	}

/* Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
	}

/* Address styling not present in IE 8/9, Safari 5, and Chrome. */

abbr[title] {
    border-bottom: 1px dotted;
	}

/* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */

b,
strong {
    font-weight: bold;
	}

/* Address styling not present in Safari 5 and Chrome. */

dfn {
    font-style: italic;
	}

/* Address differences between Firefox and other browsers. */

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-width: 1px 0 0 0;
	height: 0;
	}

/* Address styling not present in IE 8/9. */

mark {
    background: #ff0;
    color: #000;
	}

/* Correct font family set oddly in Safari 5 and Chrome. */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
	}

/* Improve readability of pre-formatted text in all browsers. */

pre {
    white-space: pre-wrap;
	}

/* Set consistent quote types. */

blockquote, q {
    quotes: "\201C" "\201D" "\2018" "\2019";
	quotes: none;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* Address inconsistent and variable font size in all browsers. */

small {
    font-size: 80%;
    }

/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
	}

sup {
    top: -0.5em;
	}

sub {
    bottom: -0.25em;
	}

/* 1. Remove border when inside `a` element in IE 8/9.
 * 2. Make images responsive.
 */

img {
    border: 0; /* 1 */
    max-width: 100%; /* 2 */
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
	}
html.gt-ie8 img {
    height: auto; /* 2 */
	}

/* Correct overflow displayed oddly in IE 9. */

svg:not(:root) {
    overflow: hidden;
	}

/* Address margin not present in IE 8/9 and Safari 5. */

figure {
    margin: 0;
	}

/* Define consistent border, margin, and padding. */

fieldset {
    border: none;
    margin: 0;
    padding: 0;
	}

/* 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
	}

/* 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
	}

/* Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
	}

/* Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
	}

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
	}

/* Re-set default cursor for disabled elements. */

button[disabled],
html input[disabled] {
    cursor: default;
	}

/* 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
	}

/* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
	}

/* Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
	}

/**
 * Remove blue highlight in Safari.
 */

input:focus, 
textarea:focus {
	outline: 0 none;
	}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

/* 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
	}

/* Remove most spacing between table cells. */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* micro clearfix
======================================== */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
	}
.clearfix:after {
    clear:both;
	}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
	}

/* Typography
======================================== */

/* Normalize font-size for device-pixel-ratio */
html {
	background-color: #FFFFFF;
	font-size: 14px;
	min-height: 100%;
	}
/* Using a new pixel ratio of 6/5 *//* Standard 7" 1024x600 tablet (KINDLE FIRE) */
@media screen and (-webkit-device-pixel-ratio: 1) and (device-width: 1024px) and (max-device-height: 600px) and (orientation: landscape), screen and (-webkit-device-pixel-ratio: 1) and (device-width: 600px) and (max-device-height: 1024px) and (orientation: portrait), screen and (-o-device-pixel-ratio: "1") and (device-width: 1024px) and (max-device-height: 600px) and (orientation: landscape), screen and (-o-device-pixel-ratio: "1") and (device-width: 600px) and (max-device-height: 1024px) and (orientation: portrait), screen and (device-pixel-ratio: 1) and (device-width: 1024px) and (max-device-height: 600px) and (orientation: landscape), screen and (device-pixel-ratio: 1) and (device-width: 600px) and (max-device-height: 1024px) and (orientation: portrait) {
	html {
		font-size: 16.8px;
		}
	/* @basefontsize x (6/5) */
	}
/* 1024x600 tablet with pixel ratio of 3/2 (GALAXY TAB) */
/* Because we have a solid device-pixel-ratio we can avoid the device height */
@media screen and (-webkit-device-pixel-ratio: 1.5) and (device-width: 683px) and (orientation: landscape), screen and (-webkit-device-pixel-ratio: 1.5) and (device-width: 400px) and (orientation: portrait), screen and (-o-device-pixel-ratio: 3/2) and (device-width: 683px) and (orientation: landscape), screen and (-o-device-pixel-ratio: 3/2) and (device-width: 400px) and (orientation: portrait), screen and (device-pixel-ratio: 1.5) and (device-width: 683px) and (orientation: landscape), screen and (device-pixel-ratio: 1.5) and (device-width: 400px) and (orientation: portrait) {
	html {
		font-size: 11.2px;
		}
	/* @basefontsize x (2/3) x (6/5) */
	}

body {
	color: #333333;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	}

h1, .h1,
h2, .h2, 
h3, .h3, 
h4, .h4, 
h5, .h5, 
h6, .h6 {
	font-family: Georgia, Palatino,'Palatino Linotype', Times, 'Times New Roman', serif;
	font-weight: normal;
	margin: 21px 0;
	margin: 1.5rem 0;
	text-rendering: optimizelegibility;
	}
h1 small,
h2 small {
	font-weight: normal;
	}
h1,
.h1 {
	font-size: 2.2857142857143em; /* 2em */
	line-height: 1.2em;
	}
h2,
.h2 {
	font-size: 1.7142857142857em; /* 1.5em */
	line-height: 1.2;
	}
h3,
.h3 {
	font-size: 1.5em; /* 1.3125em */
	line-height: 1.3;
	}
h4,
.h4 {
	font-size: 1.2857142857143em; /* 1.125em */
	line-height: 1.25;
	}
h5,
.h5 {
	font-size: 1.1428571428571em; /* 1em */
	}
h6,
.h6 {
	font-size: 1em; /* 0.875em */
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
	}
p,
ol,
ul,
dl,
address,
ins,
mark {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.5em 0;
	}

small {
	font-size: 0.875em;
	}
li ul,
li ol {
	font-size: 1em;
	margin: 0;
	}
ul, 
ol { 
	padding-left: 1.5em;
	}
ol li {
	list-style: decimal outside none;
	}
ul li {
	list-style: square outside none;
	}
.list-bordered {
	padding-left: 0;
	}
.list-bordered li {
	border-bottom: 1px solid #A5A5A5;
	line-height: 2em;
	list-style-type: none;
	padding: 0 0 0 4px;
	}
.list-bordered li:first-child {
	border-top: 1px solid #A5A5A5;
	}
blockquote {
	font-family: Georgia, Times, 'Times New Roman', serif;
	font-style: normal;
	margin-left: 1.5em;
	margin-right: 1.5em;
	}
q {
	quotes: none;
	}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
	}
cite, em {
	font-style: italic;
	}
dl,
dd {
	margin-bottom: 1.5em;
	}
dt {
	font-weight: bold;
	}
abbr[title] {
	border-bottom: 1px solid #A5A5A5;
	cursor: help;
	}
b,
strong {
	font-weight: bold;
	}
dfn {
	font-style: italic;
	}
ins {
	text-decoration: none;
	padding: 0 3px;
	}
mark {
	font-style: italic;
	font-weight: bold;
	padding: 0 3px;
	}
ins,
mark {
	background-color: transparent;
	}
pre,
code,
kbd,
samp {
	font-family: Consolas, 'Lucida Console', Monaco, monospace;
	font-size: 0.875em;
	line-height: 1.5em;
	}
pre {
	white-space: pre-wrap;
	word-wrap: break-word;
	}
code {
	text-align: left;
	}
sub,
sup {
	font-size: 0.75em;
	line-height: 0;
	position: relative;
	vertical-align: 1.5em;
	}
sup {
	top: -0.5em;
	}
sub {
	bottom: -0.25em;
	}
hr {
	border-top: 1px solid #A5A5A5;
	clear: both;
	font-size: 1em;
	height: 0;
	margin: 21px 0;
	margin: 1.5rem 0;
	}

table, thead, tbody, tfoot, tr, th, td {
	border-color: #A5A5A5;
	}

thead, tfoot {
	background-color: #F1F1F1;
	color: #333333;
	}

tbody tr:nth-child(odd) {
	background-color: transparent;
	}

tbody tr:nth-child(even) {
	background-color: #F1F1F1;
	}

/* 	Hyperlinks 
=================================================== */
a {
	font-weight: normal;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba( 255, 255, 255, 0.5);
	/* -webkit-touch-callout: none; */
	}
a:hover,
a:focus {
	text-decoration: underline;
	}
a:focus {
	outline: thin dotted;
	}
a:hover,
a:active {
	outline: 0;
	}

/* 	Structure 
=================================================== */
.body-mantle {
	margin: 0 auto; /* fixed; do not change */
	padding: 0 0px 3em 0px;
	overflow: hidden; /* fixes jittery preview when applying box-shadow in LR4 preview */
	}

.body-core {
	margin: 0 auto;
	position: relative;
	width: auto;
	}

.page-body {
	background-color: transparent;
	margin: 0 auto;
	padding: 0;
	}

.page-grid .body-core, 
.page-single .body-core {
	max-width: 1130px;
	}

@media only screen and (max-width: 1140px) {
	.page-body {
		border-left-width:  0; 
		border-right-width: 0;
		margin: 0 auto;
		}
	} /* max-width: 1140px */

@media only screen and (max-width: 784px) {
	.body-mantle {
		padding-left: 0px;
		padding-right: 0px;
		}
	} /* max-width: 784px */
@media only screen and (max-width: 600px) {
	.body-mantle {
		padding-left: 0px;
		padding-right: 0px;
		}
	} /* max-width: 600px */

.block-id {
	text-align: left;
	}

.block-id,
.mantle, 
.core {
	margin: 0 auto;
	padding: 0;
	}

.mantle {
	position: relative;
	width: auto;
	}

/* 	Page Body 
=================================================== */
.page-body .mantle {
	}

.page-body .core {
	padding-left:  24px;
	padding-right: 24px;	
	}

@media only screen and (max-width: 784px) {
	.page-body .core {
		padding-left:  23px;
		padding-right: 23px; 
		}
	} /* max-width: 784px */

@media only screen and (max-width: 600px) {
	.page-body .core {
		padding-left:  8px;
		padding-right: 8px; 
		}
	} /* max-width: 600px */

/* 	Masthead & Page Info 
=================================================== */
h1.identityplate, 
h1.identity {
	}

h1.identityplate {
	margin: 24px 0;
	margin: 1.5rem 0;
	}

h1.identity {
	}

/* 	Grid 
=================================================== */
.grid, 
.grid .mantle,
.grid .core {
	margin: 0 auto;
	padding: 0;
	width: auto;
	}

.grid {
	padding: 1px;
	}

.grid img {
	margin-left:  auto;
	margin-right: auto;
	}

.grid p {
	margin: 0;
	}

.gridcell {
	background-color: #ffffff;
	float: left;
	margin: 1px;
	position: relative;
	text-align: center;
	width: 178px;
	height: 178px;
	}

.griditem {
	background-position: center center;
	background-repeat: no-repeat;
	}

.gridicon {
	position: absolute;
	}

.cellnumber {
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	position: absolute;
		top:  2px;
		left: 2px;
	z-index:  0;
	}

.drop-shadow img {
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	}

@media only screen and (max-width: 1130px) {
	#grid.grid {

}
	.gridcell.cell-empty {
		display: none;
		}
	} /* max-width: 1130px */

@media only screen and (max-width: 700px) {
	#grid.grid {
		background-color: transparent !important;
		padding: 0;
		width: 100% !important;
		}

.gridcell {
		background-color: transparent;
		height: auto;
		margin: 0.25%;
		margin: calc(1px + 1px - 1px);
		padding: 0;
		width: 12%;
		width: calc(12.5% - 2px);
		}
	
	.griditem {
		height: 0;
		padding-bottom: 100%;
		width: 100%;
		}
	
	.griditem.landscape {
		-webkit-background-size: auto 100%;
		background-size: cover;
		}
	
	.griditem.portrait {
		-webkit-background-size: 100% auto;
		background-size: cover;
		}
	
	.gridicon {
		height: 0 !important;
		opacity: 0; filter:alpha(opacity=0); /* For IE8 and earlier */
		position: static;
		width: auto !important;
		}
	
	.gridicon img {
		display: none;
		}

.gridicon a {
		display: block;
		padding-bottom: 100%;
		}

.griditem .cellnumber {
		color: #fff !important;
		font-size: 16px;
		text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
		}
	
	} /* max-width: 784px */

@media only screen and (max-width: 640px) {
	.gridcell {
		width: 19.5%;
		width: calc(20% - 2px);
		}
	} /* max-width: 640px */

@media only screen and (max-width: 496px) {
	.gridcell {
		margin: 0.5%;
		margin: calc(1px + 1px - 1px);
		width: 24%;
		width: calc(25% - 2px);
		}
	} /* max-width: 480px */

@media only screen and (max-width: 336px) {
	.gridcell {
		width: 32.333333%;
		width: calc(33.333333% - 2px);
		}
	} /* max-width: 320px */

/* 	Pagination 
=================================================== */
.pagination {
	background-color: transparent;
	border-style: solid;
	border-width: 2px;
	}

.pagination-bottom {
	margin-top: 8px;
	}

.pagination-top {
	margin-bottom: 8px;
	}

.pagination a {
	font-weight: bold;
	}

.pagination ul.contact {
	float: left;
	margin: 0;
	padding: 0;
	}

.pagination ul.contact li {
	background: transparent;
	margin: 0 2px 0 0;
	padding: 0 8px;
	line-height: 2em;
	text-align: center;
	}

.pagination ul.page-navigation {
	float: right;
	margin: 0;
	padding: 0;
	}

.pagination li {
	float: left;
	line-height: 2em;
	list-style: none;
	margin: 0;
	padding: 0;
	}

.pagination li.pagenumber {
	line-height: 2em;
	margin: 0 1px;
	text-align: center;
	width: 2em;
	width: calc(2em + 2px);
	}

.pagination li.pagenumber.current {
	background: transparent !important;
	}

.pagination li.index, 
.pagination li.next, 
.pagination li.previous {
	margin: 0 1px;
	padding: 0 8px;
	line-height: 2em;
	text-align: center;
	}

.pagination li.next {
	margin-right: 0;
	padding-right: 6px;
	}

.pagination li.next.disabled span, 
.pagination li.previous.disabled span {
	opacity: 0.15; filter:alpha(opacity=15); /* For IE8 and earlier */
	}

.pagination a {
	display: block;
	height: 2em;
	}

.pagination-bottom.clean, 
.pagination-top.clean {
	border-width: 0;
	}
.pagination.clean li.pagenumber {
	width: 2em;
	}
.pagination.clean li.next {
	padding-right: 8px;
	}
.pagination.clean ul.contact li:first-child {
	padding-left: 2px;
	}
.pagination-bottom.clean {
	margin-top: 6px;
	}

.pagination-top.clean {
	margin-bottom: 6px;
	}

@media only screen and (max-width: 600px) {
	.pagination ul.contact, 
	.pagination ul.page-navigation {
		clear: both;
		float: right;
		}

.pagination ul.contact li:last-child {
		margin: 0;
		padding-right: 6px
		}

.pagination-bottom ul.contact {
		margin-top: 4px;
		}
	.pagination-bottom ul.page-navigation {
		margin-bottom: 4px;
		}

.pagination-top ul.contact {
		margin-bottom: 4px;
		}
	.pagination-top ul.page-navigation {
		margin-top: 4px;
		}

} /* max-width: 600px */

@media only screen and (max-width: 480px) {

/*  Limit quanity of page numbers appearing on the page, 
	to eliminate line-wrap on small displays. */
	.page-3 li.pagenumber:nth-child(8), 
	.page-4 li.pagenumber:nth-child(8), 
	.page-4 li.pagenumber:nth-child(9), 
	.page-5 li.pagenumber:nth-child(1), 
	.page-5 li.pagenumber:nth-child(9), 
	.page-5 li.pagenumber:nth-child(10), 
	.page-6-or-greater li.pagenumber:nth-child(1), 
	.page-6-or-greater li.pagenumber:nth-child(2), 
	.page-6-or-greater li.pagenumber:nth-child(10), 
	.page-6-or-greater li.pagenumber:nth-child(11)
		{
		display: none;
		}

} /* max-width: 480px */

@media only screen and (max-width: 336px) {

.page-1 li.pagenumber:nth-child(6), 
	.page-2 li.pagenumber:nth-child(6),
	.page-2 li.pagenumber:nth-child(7), 
	.page-3 li.pagenumber:nth-child(6),
	.page-3 li.pagenumber:nth-child(7), 
	.page-4 li.pagenumber:nth-child(1), 
	.page-4 li.pagenumber:nth-child(7), 
	.page-5 li.pagenumber:nth-child(2), 
	.page-5 li.pagenumber:nth-child(8), 
	.page-6-or-greater li.pagenumber:nth-child(3), 
	.page-6-or-greater li.pagenumber:nth-child(9) 
		{
		display: none;
		}

} /* max-width: 336px */

/* 	Single Image Pages 
=================================================== */
.single-image, 
.single-image .mantle,
.single-image .core, 
.image-info {
	margin: 0 auto;
	padding: 0;
	}

.single-image {
	max-width: 100%;
	text-align: center;
	}

.single-image img {
	margin-left:  auto;
	margin-right: auto;
	max-width: 100%;
	width: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

.single-image .drop-shadow {
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
	}

.image-info {
	font-size: smaller;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	}

Cancel

Dashboard

Gagal: Username "adminweb" sudah digunakan! Silakan ganti dengan yang lain.