Init ci

php/i/photo/css/mongolia.css

@@ -0,0 +1,75 @@
+body {
+    padding: 0;
+    margin: 0;
+    background-color: #1A1A1A;
+    background-image: url(../img/316.png);
+}
+#main {
+    width: 1000px;
+    //background-color: #FDD;
+}
+#logo {
+    font: 40px Georgia, Helvetica, Arial;
+    color: #09F;
+    font-style: italic;
+    font-weight: bold;
+    margin: 50px 0 0 0;
+}
+#navigation {
+    float: right;
+    margin: -32px 0 0 0;
+}
+#navigation li {
+    display: block;
+    float: left;
+    margin: 0 0 0 10px;
+    padding: 6px 10px;
+    border-radius: 5px;
+}
+#navigation li.active {
+    background-color: #20262B;
+    border: #152025 1px solid;
+}
+#navigation li.active a {
+    color: #FFF;
+}
+#navigation li a {
+    color: #CCC;
+    text-decoration: none;
+    font: 16px Helvetica, Arial;
+    //font-weight: bold;
+}
+#tagline {
+    width: 100%;
+    margin: 50px 0;
+    text-align: center;
+    color: #BDF;
+    font: 18px Georgia;
+    font-style: italic;
+}
+
+.blue-shadow {
+    text-shadow: 1px 1px 0px #05A;
+}
+.gray-shadow {
+    text-shadow: 1px 1px 0px #555;
+}
+
+#data-container {
+	margin-bottom: 50px;
+}
+
+#data-container pre {
+	background-color: #CCC;
+	border-radius: 20px;
+	display: block;
+	padding: 20px;
+	font-family: Georgia;
+}
+
+.photo {
+	
+}
+.rounded {
+	border-radius: 20px;
+}

php/i/photo/js/mongolia.js

@@ -0,0 +1,22 @@
+function powerhug() {
+    // Centerize
+    correctView();
+    $(window).resize(correctView);
+    
+    parsePhotos();
+}
+
+function correctView() {
+    if ($(window).width() > $('#main').width()) {
+        $('#main').css('margin-left', (($(window).width() - $('#main').width()) / 2) + 'px');
+    }
+}
+
+function parsePhotos() {
+	$('#data-container img.photo').each(function(){
+		$(this).replaceWith($('<div>').addClass('photo rounded').css('background-image', 'url('+ $(this).attr('src') +')').width($(this).width()).height($(this).height()));
+	})
+}
+
+google.load('jquery', '1.4.4');
+google.setOnLoadCallback(powerhug);