design!
This commit is contained in:
H Hautakoski
parent
34491e8a6f
commit
2c69dfe173
6 changed files with 437 additions and 251 deletions
|
|
@ -6,29 +6,30 @@
|
|||
<controller>index</controller>
|
||||
<action>index</action>
|
||||
<module>default</module>
|
||||
<pages>
|
||||
<blog>
|
||||
<label>u:blog</label>
|
||||
<route>default</route>
|
||||
<module>blog</module>
|
||||
<controller>index</controller>
|
||||
<action>index</action>
|
||||
</blog>
|
||||
<portfolio>
|
||||
<label>u:portfolio</label>
|
||||
<route>default</route>
|
||||
<moudule>default</moudule>
|
||||
<controller>portfolio</controller>
|
||||
<action>index</action>
|
||||
</portfolio>
|
||||
<about>
|
||||
<label>uw:about</label>
|
||||
<route>default</route>
|
||||
<module>default</module>
|
||||
<controller>index</controller>
|
||||
<action>about</action>
|
||||
</about>
|
||||
</pages>
|
||||
</start>
|
||||
|
||||
<blog>
|
||||
<label>u:blog</label>
|
||||
<route>default</route>
|
||||
<module>blog</module>
|
||||
<controller>index</controller>
|
||||
<action>index</action>
|
||||
</blog>
|
||||
|
||||
<portfolio>
|
||||
<label>u:portfolio</label>
|
||||
<route>default</route>
|
||||
<moudule>default</moudule>
|
||||
<controller>portfolio</controller>
|
||||
<action>index</action>
|
||||
</portfolio>
|
||||
|
||||
<about>
|
||||
<label>uw:about</label>
|
||||
<route>default</route>
|
||||
<module>default</module>
|
||||
<controller>index</controller>
|
||||
<action>about</action>
|
||||
</about>
|
||||
</navigation>
|
||||
</config>
|
||||
|
|
@ -1,31 +1,34 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<?=$this->headTitle() . "\n" /* Newline for pretty source :) */ ?>
|
||||
<?=$this->headMeta() . "\n" /* Newline for pretty source :) */ ?>
|
||||
<link rel="stylesheet" type="text/css" href="<?=$this->baseUrl()?>/css/default.css" media="screen" />
|
||||
</head>
|
||||
<body>
|
||||
<head>
|
||||
<?=$this->headTitle() . "\n" /* Newline for pretty source :) */ ?>
|
||||
<?=$this->headMeta() . "\n" /* Newline for pretty source :) */ ?>
|
||||
<link rel="stylesheet" type="text/css" href="<?=$this->baseUrl()?>/css/reset.css" media="screen" />
|
||||
<link rel="stylesheet" type="text/css" href="<?=$this->baseUrl()?>/css/default.css" media="screen" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper" class="small">
|
||||
|
||||
<div id="header"></div>
|
||||
<div id="header"></div>
|
||||
|
||||
<div id="nav">
|
||||
<?=$this->navigation()->menu() ?>
|
||||
<span class="float-right">
|
||||
<a href="<?=$this->url(array('lang' => 'sv')) ?>">sv</a>
|
||||
<a href="<?=$this->url(array('lang' => 'en')) ?>">en</a>
|
||||
</span>
|
||||
</div>
|
||||
<div id="nav">
|
||||
<?=$this->navigation()->menu() ?>
|
||||
<span class="float-right">
|
||||
<a href="<?=$this->url(array('lang' => 'sv')) ?>">sv</a>
|
||||
<a href="<?=$this->url(array('lang' => 'en')) ?>">en</a>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<?=$this->layout()->content ?>
|
||||
<?=$this->layout()->content ?>
|
||||
|
||||
<div id="footer">
|
||||
<?=$this->authLink() ?>
|
||||
|
|
||||
<a href="http://<?=$this->app['url'] ?>"><?=$this->app['name'] ?></a> v<?=$this->app['version'] ?> © 2010
|
||||
</div>
|
||||
</body>
|
||||
<div id="footer">
|
||||
<?=$this->authLink() ?>
|
||||
|
|
||||
<a href="http://<?=$this->app['url'] ?>"><?=$this->app['name'] ?></a> v<?=$this->app['version'] ?> © 2010
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
143
public/css/border-radius.htc
Normal file
143
public/css/border-radius.htc
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
--Do not remove this if you are using--
|
||||
Original Author: Remiz Rahnas
|
||||
Original Author URL: http://www.htmlremix.com
|
||||
Published date: 2008/09/24
|
||||
|
||||
Changes by Nick Fetchak:
|
||||
- IE8 standards mode compatibility
|
||||
- VML elements now positioned behind original box rather than inside of it - should be less prone to breakage
|
||||
Published date : 2009/11/18
|
||||
|
||||
|
||||
<public:attach event="oncontentready" onevent="oncontentready('v08vnSVo78t4JfjH')" />
|
||||
<script type="text/javascript">
|
||||
|
||||
// findPos() borrowed from http://www.quirksmode.org/js/findpos.html
|
||||
function findPos(obj) {
|
||||
var curleft = curtop = 0;
|
||||
|
||||
if (obj.offsetParent) {
|
||||
do {
|
||||
curleft += obj.offsetLeft;
|
||||
curtop += obj.offsetTop;
|
||||
} while (obj = obj.offsetParent);
|
||||
}
|
||||
|
||||
return({
|
||||
'x': curleft,
|
||||
'y': curtop
|
||||
});
|
||||
}
|
||||
|
||||
function oncontentready(classID) {
|
||||
if (this.className.match(classID)) { return(false); }
|
||||
|
||||
if (!document.namespaces.v) { document.namespaces.add("v", "urn:schemas-microsoft-com:vml"); }
|
||||
|
||||
this.className = this.className.concat(' ', classID);
|
||||
var arcSize = Math.min(parseInt(this.currentStyle['-moz-border-radius'] ||
|
||||
this.currentStyle['-webkit-border-radius'] ||
|
||||
this.currentStyle['border-radius'] ||
|
||||
this.currentStyle['-khtml-border-radius']) /
|
||||
Math.min(this.offsetWidth, this.offsetHeight), 1);
|
||||
var fillColor = this.currentStyle.backgroundColor;
|
||||
var fillSrc = this.currentStyle.backgroundImage.replace(/^url\("(.+)"\)$/, '$1');
|
||||
var strokeColor = this.currentStyle.borderColor;
|
||||
var strokeWeight = parseInt(this.currentStyle.borderWidth);
|
||||
var stroked = 'true';
|
||||
if (isNaN(strokeWeight)) {
|
||||
strokeWeight = 0;
|
||||
strokeColor = fillColor;
|
||||
stroked = 'false';
|
||||
}
|
||||
|
||||
this.style.background = 'transparent';
|
||||
this.style.borderColor = 'transparent';
|
||||
|
||||
// Find which element provides position:relative for the target element (default to BODY)
|
||||
var el = this;
|
||||
var limit = 100, i = 0;
|
||||
while ((typeof(el) != 'unknown') && (el.currentStyle.position != 'relative') && (el.tagName != 'BODY')) {
|
||||
el = el.parentElement;
|
||||
i++;
|
||||
if (i >= limit) { return(false); }
|
||||
}
|
||||
var el_zindex = parseInt(el.currentStyle.zIndex);
|
||||
if (isNaN(el_zindex)) { el_zindex = 0; }
|
||||
//alert('got tag '+ el.tagName +' with pos '+ el.currentStyle.position);
|
||||
|
||||
var rect_size = {
|
||||
'width': this.offsetWidth - strokeWeight,
|
||||
'height': this.offsetHeight - strokeWeight
|
||||
};
|
||||
var el_pos = findPos(el);
|
||||
var this_pos = findPos(this);
|
||||
this_pos.y = this_pos.y + (0.5 * strokeWeight) - el_pos.y;
|
||||
this_pos.x = this_pos.x + (0.5 * strokeWeight) - el_pos.x;
|
||||
|
||||
var rect = document.createElement('v:roundrect');
|
||||
rect.arcsize = arcSize +'px';
|
||||
rect.strokecolor = strokeColor;
|
||||
rect.strokeWeight = strokeWeight +'px';
|
||||
rect.stroked = stroked;
|
||||
rect.style.display = 'block';
|
||||
rect.style.position = 'absolute';
|
||||
rect.style.top = this_pos.y +'px';
|
||||
rect.style.left = this_pos.x +'px';
|
||||
rect.style.width = rect_size.width +'px';
|
||||
rect.style.height = rect_size.height +'px';
|
||||
rect.style.antialias = true;
|
||||
rect.style.zIndex = el_zindex - 1;
|
||||
|
||||
var fill = document.createElement('v:fill');
|
||||
fill.color = fillColor;
|
||||
fill.src = fillSrc;
|
||||
fill.type = 'tile';
|
||||
|
||||
rect.appendChild(fill);
|
||||
el.appendChild(rect);
|
||||
|
||||
var css = el.document.createStyleSheet();
|
||||
css.addRule("v\\:roundrect", "behavior: url(#default#VML)");
|
||||
css.addRule("v\\:fill", "behavior: url(#default#VML)");
|
||||
|
||||
isIE6 = /msie|MSIE 6/.test(navigator.userAgent);
|
||||
// IE6 doesn't support transparent borders, use padding to offset original element
|
||||
if (isIE6 && (strokeWeight > 0)) {
|
||||
this.style.borderStyle = 'none';
|
||||
this.style.paddingTop = parseInt(this.currentStyle.paddingTop || 0) + strokeWeight;
|
||||
this.style.paddingBottom = parseInt(this.currentStyle.paddingBottom || 0) + strokeWeight;
|
||||
}
|
||||
|
||||
if (typeof(window.rounded_elements) == 'undefined') {
|
||||
window.rounded_elements = new Array();
|
||||
|
||||
if (typeof(window.onresize) == 'function') { window.previous_onresize = window.onresize; }
|
||||
window.onresize = window_resize;
|
||||
}
|
||||
this.element.vml = rect;
|
||||
window.rounded_elements.push(this.element);
|
||||
}
|
||||
|
||||
function window_resize() {
|
||||
if (typeof(window.rounded_elements) == 'undefined') { return(false); }
|
||||
|
||||
for (var i in window.rounded_elements) {
|
||||
var el = window.rounded_elements[i];
|
||||
|
||||
var strokeWeight = parseInt(el.currentStyle.borderWidth);
|
||||
if (isNaN(strokeWeight)) { strokeWeight = 0; }
|
||||
|
||||
var parent_pos = findPos(el.vml.parentNode);
|
||||
var pos = findPos(el);
|
||||
pos.y = pos.y + (0.5 * strokeWeight) - parent_pos.y;
|
||||
pos.x = pos.x + (0.5 * strokeWeight) - parent_pos.x;
|
||||
|
||||
el.vml.style.top = pos.y +'px';
|
||||
el.vml.style.left = pos.x +'px';
|
||||
}
|
||||
|
||||
if (typeof(window.previous_onresize) == 'function') { window.previous_onresize(); }
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
@ -1,205 +1,244 @@
|
|||
|
||||
body {
|
||||
font: normal 12px "Verdana";
|
||||
background: url('../img/bg.png') repeat-x;
|
||||
background-color: #fcfcfc;
|
||||
color: #443;
|
||||
width: 780px;
|
||||
margin: 0 auto 75px;
|
||||
padding: 0 25px;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6 { margin: 0 0 5px; }
|
||||
|
||||
h1,h2 { margin: 10px 0 0; font: normal 2.2em Arial; color: #464e64; }
|
||||
h2 { border-bottom: solid 1px #c4cde3; }
|
||||
h3, form tr.head { font: normal 1.6em "Verdana, Helvetica"; }
|
||||
|
||||
p { line-height: 1.6em; padding: 0 0 8px; }
|
||||
|
||||
ul, ol { padding: 0; margin: 0; }
|
||||
|
||||
code {
|
||||
font-size: 1.2em;
|
||||
padding: 8px;
|
||||
margin: 15px;
|
||||
border-left: 5px solid #f1f1f1;
|
||||
}
|
||||
|
||||
a { text-decoration: none; }
|
||||
a:link, a:visited { color: blue; }
|
||||
a:hover, a:active { color: #516593; }
|
||||
|
||||
div { margin: 0; }
|
||||
|
||||
img { border: 0; margin: 0; padding: 0; }
|
||||
|
||||
form { margin: 0; }
|
||||
table {
|
||||
padding: 8px;
|
||||
}
|
||||
th { background: #f1f1f1 }
|
||||
table, td, th {
|
||||
border: 1px solid #bcbcbc;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
td, th { padding: .5em .6em; }
|
||||
|
||||
label {
|
||||
text-align: right;
|
||||
width: 80px;
|
||||
height: 20px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
|
||||
}
|
||||
textarea {
|
||||
height: 80px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
input[type="text"], textarea {
|
||||
font: normal 1em Arial;
|
||||
width: 200px;
|
||||
background-image: url('../img/elements/textbox.png');
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
border: 1px solid #ccc;
|
||||
margin: .2em;
|
||||
padding: 5px 3px;
|
||||
}
|
||||
|
||||
input[type="text"]:focus, textarea:focus {
|
||||
background: white;
|
||||
border: 1px solid #999;
|
||||
}
|
||||
|
||||
#header {
|
||||
background: url('../img/header.png') no-repeat;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
#nav {
|
||||
background: url('../img/menu.png') no-repeat;
|
||||
height: 22px;
|
||||
padding: 8px 12px 0;
|
||||
}
|
||||
|
||||
#nav ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#nav a {
|
||||
color: white;
|
||||
margin: 0 16px 0 0;
|
||||
float: left;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#nav #current, #nav a:hover {
|
||||
|
||||
}
|
||||
|
||||
#footer {
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
padding: 8px 15px 0;
|
||||
margin: 25px auto auto;
|
||||
}
|
||||
|
||||
#footer, #footer a { color: #999; }
|
||||
|
||||
#footer #quick-nav {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#footer #info {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
margin: 0 6px;
|
||||
}
|
||||
|
||||
/* Message */
|
||||
|
||||
p.message, p.notify, p.bail {
|
||||
padding: 8px;
|
||||
margin: 0px auto 18px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p.message {
|
||||
background: #fdf6d4;
|
||||
border: 3px solid #eae5ce;
|
||||
}
|
||||
|
||||
p.notify {
|
||||
background: #ffffcc;
|
||||
border: 1px solid #ffd700;
|
||||
}
|
||||
|
||||
p.bail {
|
||||
background: #fdc4c4;
|
||||
border: 1px solid #fc9595;
|
||||
}
|
||||
|
||||
/* Alignment */
|
||||
|
||||
.float-left { float: left; }
|
||||
.float-right { float: right; }
|
||||
.clear { clear: both; }
|
||||
.center { text-align: Center; }
|
||||
|
||||
/* Index */
|
||||
|
||||
div#foreword {
|
||||
width: 435px;
|
||||
text-align: justify;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div#foreword a {
|
||||
display: block;
|
||||
margin: 8px 5px;
|
||||
padding: 4px 10px;
|
||||
border: 1px solid #d6dbe3;
|
||||
}
|
||||
|
||||
/* forms */
|
||||
|
||||
form#login {
|
||||
/*background: url('img/login-form-head.png') no-repeat;
|
||||
background-color: #9eb1d2;
|
||||
border: 1px solid #f3f3f3;
|
||||
background: #fcfcfc;*/
|
||||
padding: 5px;
|
||||
width: 265px;
|
||||
}
|
||||
|
||||
form#login td input {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
form#login td {
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
form#login div {
|
||||
background: url('img/login-form-head.png') no-repeat;
|
||||
}
|
||||
|
||||
form#reg table {
|
||||
margin: 15px auto;
|
||||
}
|
||||
|
||||
div#agrement {
|
||||
background: #f9f9f9;
|
||||
text-align: left;
|
||||
width: 600px;
|
||||
padding: 8px;
|
||||
margin: 0 auto 15px;
|
||||
border: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
body,input,textarea { font: normal 12px "Verdana"; }
|
||||
|
||||
body {
|
||||
background: url('../img/bg.png') repeat-x;
|
||||
background-color: #fcfcfc;
|
||||
color: #443;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6 { margin: 0 0 5px; }
|
||||
|
||||
h1,h2 { margin: 10px 0 0; font: normal 2.2em Arial; color: #464e64; }
|
||||
h2 { border-bottom: solid 1px #c4cde3; }
|
||||
h3 { font: normal 1.6em "Verdana, Helvetica"; }
|
||||
|
||||
p { line-height: 1.6em; padding: 0 0 8px; }
|
||||
|
||||
code {
|
||||
font-size: 1.2em;
|
||||
padding: 8px;
|
||||
margin: 15px;
|
||||
border-left: 5px solid #f1f1f1;
|
||||
}
|
||||
|
||||
a { text-decoration: none; }
|
||||
a:link, a:visited { color: blue; }
|
||||
a:hover, a:active { color: #516593; }
|
||||
|
||||
div { margin: 0; }
|
||||
|
||||
img { border: 0; margin: 0; padding: 0; }
|
||||
|
||||
form { margin: 0; }
|
||||
|
||||
label {
|
||||
text-align: right;
|
||||
width: 80px;
|
||||
height: 20px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
textarea {
|
||||
color: #555;
|
||||
width: 200px;
|
||||
background-image: url('../img/elements/textbox.png');
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
border: 1px solid #ccc;
|
||||
margin: .2em;
|
||||
padding: 5px 3px;
|
||||
}
|
||||
|
||||
input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
textarea:focus {
|
||||
color: black;
|
||||
background: white;
|
||||
border: 1px solid #999;
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: 80px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
div#wrapper {
|
||||
padding: 0 25px;
|
||||
margin: 0 auto 75px;
|
||||
}
|
||||
|
||||
div#wrapper.small {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
#header {
|
||||
background: url('../img/header.png') no-repeat;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
#nav {
|
||||
background: url('../img/menu.png');
|
||||
color: white;
|
||||
height: 22px;
|
||||
padding: 8px 12px 0;
|
||||
-moz-border-radius: 8px;
|
||||
-webkit-border-radius: 8px;
|
||||
-khtml-border-radius: 8px;
|
||||
behavior: url('css/border-radius.htc');
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
#nav a {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#nav ul.navigation {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#nav ul.navigation li {
|
||||
display: inline;
|
||||
margin: 0 1.4em 0 0;
|
||||
text-transform : capitalize;
|
||||
}
|
||||
|
||||
#nav ul.navigation li.active,
|
||||
#nav a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#footer {
|
||||
border-top: 1px solid #bcbcbc;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
padding: 8px 15px 0;
|
||||
margin: 25px auto auto;
|
||||
}
|
||||
|
||||
#footer, #footer a { color: #999; }
|
||||
|
||||
#footer #quick-nav {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#footer #info {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
margin: 0 6px;
|
||||
}
|
||||
|
||||
/* Message */
|
||||
|
||||
div.test {
|
||||
background: #bcbcbc;
|
||||
height: 25px;
|
||||
|
||||
border: 0px solid white;
|
||||
}
|
||||
|
||||
p.message, p.notify, p.bail {
|
||||
padding: 8px;
|
||||
margin: 0px auto 18px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p.message {
|
||||
background: #fdf6d4;
|
||||
border: 3px solid #eae5ce;
|
||||
}
|
||||
|
||||
p.notify {
|
||||
background: #ffffcc;
|
||||
border: 1px solid #ffd700;
|
||||
}
|
||||
|
||||
p.bail {
|
||||
background: #fdc4c4;
|
||||
border: 1px solid #fc9595;
|
||||
}
|
||||
|
||||
/* Font Colors */
|
||||
.white { color: white }
|
||||
.black { color: black }
|
||||
.red { color: red }
|
||||
.green { color: green }
|
||||
.blue { color: blue }
|
||||
|
||||
/* Alignment */
|
||||
|
||||
.float-left { float: left; }
|
||||
.float-right { float: right; }
|
||||
.clear { clear: both; }
|
||||
.center { text-align: Center; }
|
||||
|
||||
/* Index */
|
||||
|
||||
div#foreword {
|
||||
width: 435px;
|
||||
text-align: justify;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div#foreword a {
|
||||
display: block;
|
||||
margin: 8px 5px;
|
||||
padding: 4px 10px;
|
||||
border: 1px solid #d6dbe3;
|
||||
}
|
||||
|
||||
/* forms */
|
||||
|
||||
form#login {
|
||||
/*background: url('img/login-form-head.png') no-repeat;
|
||||
background-color: #9eb1d2;
|
||||
border: 1px solid #f3f3f3;
|
||||
background: #fcfcfc;*/
|
||||
padding: 5px;
|
||||
width: 265px;
|
||||
}
|
||||
|
||||
form#login td input {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
form#login td {
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
form#login div {
|
||||
background: url('img/login-form-head.png') no-repeat;
|
||||
}
|
||||
|
||||
form#reg table {
|
||||
margin: 15px auto;
|
||||
}
|
||||
|
||||
/* Grid */
|
||||
|
||||
table.grid { padding: 8px; }
|
||||
|
||||
table.grid,
|
||||
table.grid td,
|
||||
table.grid th {
|
||||
border: 1px solid #bcbcbc;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table.grid th { background: #f1f1f1 }
|
||||
table.grid th, table.grid td { padding: .5em .6em; }
|
||||
|
||||
div#agrement {
|
||||
background: #f9f9f9;
|
||||
text-align: left;
|
||||
width: 600px;
|
||||
padding: 8px;
|
||||
margin: 0 auto 15px;
|
||||
border: 1px solid #f1f1f1;
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 267 B After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 628 B After Width: | Height: | Size: 1.1 KiB |
Reference in a new issue