Beautiful commit
This commit is contained in:
parent
03be99e8fc
commit
8bea865ba1
22 changed files with 1434 additions and 2 deletions
2
.gitignore
vendored
2
.gitignore
vendored
|
|
@ -47,8 +47,6 @@ content/images/user/*
|
|||
BingSiteAuth.xml
|
||||
google*.html
|
||||
main/logs/*
|
||||
content/data/misaki/*
|
||||
_sakura/templates/misaki/*
|
||||
_sakura/cache/*
|
||||
!_sakura/cache/.htaccess
|
||||
|
||||
|
|
|
|||
|
|
@ -1439,6 +1439,10 @@
|
|||
{
|
||||
"type": "FIX",
|
||||
"change": "Fixed profile rewrite rule causing errors in some environments (e.g. Win32)."
|
||||
},
|
||||
{
|
||||
"type": "ADD",
|
||||
"change": "Removed ignore lines for Misaki files."
|
||||
}
|
||||
|
||||
]
|
||||
|
|
|
|||
4
_sakura/templates/misaki/elements/indexRight.tpl
Normal file
4
_sakura/templates/misaki/elements/indexRight.tpl
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<div class="stats">
|
||||
<h1 class="sectionHead">stats</h1>
|
||||
<div class="content">We have <b>{{ stats.userCount }}</b>, <b><a href="//{{ sakura.urls.main }}/u/{{ stats.newestUser.id }}" class="default">{{ stats.newestUser.username }}</a></b> is the newest user, it has been <b>{{ stats.lastRegDate }}</b> since the last user registered, there's <b>{{ stats.chatOnline }}</b> in chat right now and the forum has <b>{{ stats.topicCount }}</b> and <b>{{ stats.postCount }}</b>.</div>
|
||||
</div>
|
||||
19
_sakura/templates/misaki/elements/newsPost.tpl
Normal file
19
_sakura/templates/misaki/elements/newsPost.tpl
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<div class="news-post" id="n{{ newsPost.id }}">
|
||||
<div class="news-header">
|
||||
<a class="news-title floatLeft" href="/news/{{ newsPost.id }}">{{ newsPost.title }}</a>
|
||||
<div class="news-details floatRight">
|
||||
<div>{{ newsPost.date|date("D Y-m-d H:i:s T") }}</div>
|
||||
<div>Posted by <a style="color: {{ newsPost.rdata.colour }};" href="/u/{{ newsPost.uid }}">{{ newsPost.udata.username }}</a>{% if newsPosts|length > 1 %} / <a class="default" href="/news/{{ newsPost.id }}#disqus_thread">View comments</a>{% endif %}</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="news-content">
|
||||
<div class="news-avatar">
|
||||
<img src="/a/{{ newsPost.uid }}" alt="{{ newsPost.udata.username }}" />
|
||||
</div>
|
||||
<div class="news-text">
|
||||
{{ newsPost.parsed|raw }}
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
51
_sakura/templates/misaki/errors/http404.tpl
Normal file
51
_sakura/templates/misaki/errors/http404.tpl
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Cannot find page</title>
|
||||
<link rel="stylesheet" type="text/css" href="{{ sakura.resources }}/css/error.css" />
|
||||
</head>
|
||||
<body>
|
||||
<audio autoplay="">
|
||||
<source src="//{{ sakura.urls.content }}/sounds/notfound.ogg" type="audio/ogg" />
|
||||
<source src="//{{ sakura.urls.content }}/sounds/notfound.mp3" type="audio/mp3" />
|
||||
</audio>
|
||||
<div id="wrap">
|
||||
<h1>
|
||||
<img src="{{ sakura.resources }}/images/404-info.gif" />
|
||||
The page cannot be found
|
||||
</h1>
|
||||
<p>
|
||||
The page you are looking for might have been removed, had its
|
||||
name changed, or is temporarily unavailable.
|
||||
</p>
|
||||
<hr />
|
||||
<h2>
|
||||
Please try the following:
|
||||
</h2>
|
||||
<ul>
|
||||
<li>
|
||||
If you typed the page address in the Address bar, make
|
||||
sure that it is spelled correctly.
|
||||
</li>
|
||||
<li>
|
||||
Open the <a href="/">flashii.net</a>
|
||||
home page, and then look for links to the information you want.
|
||||
</li>
|
||||
<li>
|
||||
Click the <img src="{{ sakura.resources }}/images/404-back.gif" /><a href="javascript:;" onclick="history.go(-1);">Back</a>
|
||||
button to try another link.
|
||||
</li>
|
||||
<li>
|
||||
Click <img src="{{ sakura.resources }}/images/404-search.gif" /><a href="http://www.bing.com/search?q=flashii">Search</a>
|
||||
to look for information on the Internet.
|
||||
</li>
|
||||
</ul>
|
||||
<h3>
|
||||
HTTP 404 - File not found
|
||||
<br />
|
||||
Internet Explorer
|
||||
</h3>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
14
_sakura/templates/misaki/global/footer.tpl
Normal file
14
_sakura/templates/misaki/global/footer.tpl
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<div class="inner">
|
||||
<div class="ft-logo"></div>
|
||||
<div class="ft-text">
|
||||
<div>Copyright © 2013-2015 <a href="http://flash.moe/" target="_blank">Flashwave</a> & <a href="http://circlestorm.net/" target="_blank">Circlestorm</a>, <a href="//{{ sakura.urls.main }}/credits">et al</a>.</div>
|
||||
<div><a href="//{{ sakura.urls.main }}/r/terms">Terms of Service</a> | <a href="//{{ sakura.urls.main }}/contact">Contact</a> | <a href="//{{ sakura.urls.main }}/faq">FAQ</a> | <a href="//{{ sakura.urls.main }}/feedback">Feedback</a> | <a href="//{{ sakura.urls.main }}/r/rules">Rules</a> | <a href="//{{ sakura.urls.main }}/changelog">Changelog</a> | <a href="http://status.flashii.net/">Status</a></div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
84
_sakura/templates/misaki/global/header.tpl
Normal file
84
_sakura/templates/misaki/global/header.tpl
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<!-- META -->
|
||||
<meta charset="{{ sakura.charset }}" />
|
||||
<title>{{ page.title }}</title>
|
||||
<meta name="description" content="{{ sakura.sitedesc }}" />
|
||||
<meta name="keywords" content="{{ sakura.sitetags }}" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
||||
{% if page.redirect %}
|
||||
<meta http-equiv="refresh" content="3; URL={{ page.redirect }}" />
|
||||
{% endif %}
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" type="text/css" href="{{ sakura.resources }}/css/misaki.css" />
|
||||
{% if page.style %}
|
||||
<style type="text/css">
|
||||
{% for element,properties in page.style %}
|
||||
{{ element|raw }} {
|
||||
{% for property,value in properties %}
|
||||
{{ property|raw }}: {{ value|raw }};
|
||||
{% endfor %}
|
||||
}
|
||||
{% endfor %}
|
||||
</style>
|
||||
{% endif %}
|
||||
<!-- JS -->
|
||||
<script type="text/javascript" src="{{ sakura.resources }}/js/misaki.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<span id="top"></span>
|
||||
<div class="header-fade"></div>
|
||||
<div id="notifications"></div>
|
||||
<div id="header">
|
||||
<div class="logo"></div>
|
||||
<div class="text"></div>
|
||||
<div class="floatRight">
|
||||
<div class="social">
|
||||
<ul>
|
||||
<li><a target="_blank" title="Flashii on Twitter" class="fa fa-twitter" href="https://twitter.com/_flashii"></a></li>
|
||||
<li><a target="_blank" title="Flashii on YouTube" class="fa fa-youtube-play" href="https://youtube.com/user/flashiinet"></a></li>
|
||||
<li><a target="_blank" title="Flashii on Steam" class="fa fa-steam" href="https://steamcommunity.com/groups/flashiinet"></a></li>
|
||||
<li><a title="Subscribe to the news page feed" class="fa fa-rss" href="/news.xml"></a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="image"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="wrapper">
|
||||
{% if profile.user.userData.profileBackground %}
|
||||
<div id="userBackground"></div>
|
||||
{% endif %}
|
||||
<div id="content">
|
||||
<div id="navigation">
|
||||
<ul class="nav-left floatLeft">
|
||||
<li><a href="//{{ sakura.urls.main }}/">Home</a></li>
|
||||
<li><a href="//{{ sakura.urls.main }}/news">News</a></li>
|
||||
<li><a href="//{{ sakura.urls.chat }}/">Chat</a></li>
|
||||
<li><a href="//{{ sakura.urls.main }}/forum">Forum</a></li>
|
||||
<li><a href="//{{ sakura.urls.main }}/members">Members</a></li>
|
||||
<li><a href="//{{ sakura.urls.main }}/search">Search</a></li>
|
||||
<li><a href="//{{ sakura.urls.main }}/donate">Donate</a></li>
|
||||
</ul>
|
||||
<ul class="nav-right floatRight">
|
||||
<li class="nav-usermenu">
|
||||
<a href="#"{% if user.checklogin %} style="color: {{ user.colour }};"{% endif %}>{% if user.checklogin %}{{ user.data.username }}{% else %}Guest{% endif %}</a>
|
||||
<ul>
|
||||
{% if user.checklogin %}
|
||||
<li><a href="//{{ sakura.urls.main }}/u/{{ user.data.id }}">My Profile</a></li>
|
||||
<li><a href="//{{ sakura.urls.main }}/messages">View Messages</a></li>
|
||||
<li><a href="//{{ sakura.urls.main }}/settings">User Settings</a></li>
|
||||
<li><a href="//{{ sakura.urls.main }}/manage">Site Management</a></li>
|
||||
<li><a href="//{{ sakura.urls.main }}/logout?mode=logout&time={{ php.time }}&session={{ php.sessionid }}&redirect={{ sakura.currentpage }}">Logout</a></li>
|
||||
{% else %}
|
||||
<li><a href="//{{ sakura.urls.main }}/login">Login</a></li>
|
||||
<li><a href="//{{ sakura.urls.main }}/register">Register</a></li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#" class="ignore"><img src="//{{ sakura.urls.content }}/pixel.png" alt="{{ user.data.username }}" style="background-image: url('//{{ sakura.urls.main }}/a/{{ user.data.id }}');" class="nav-avatar" /></a></li>
|
||||
</ul>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
30
_sakura/templates/misaki/main/index.tpl
Normal file
30
_sakura/templates/misaki/main/index.tpl
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
{% include 'global/header.tpl' %}
|
||||
<div class="homepage">
|
||||
<div class="frontHead">
|
||||
<h1 class="sectionHead">a</h1>
|
||||
</div>
|
||||
<div class="frontStats">
|
||||
{# include 'elements/indexRight.tpl' #}
|
||||
</div>
|
||||
<div class="frontNews">
|
||||
{% for newsPost in newsPosts %}
|
||||
{% include 'elements/newsPost.tpl' %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
<!--<script type="text/javascript" src="{{ sakura.resources }}/js/ybabstat.js"></script>-->
|
||||
<script type="text/javascript">
|
||||
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
|
||||
var disqus_shortname = 'flashii';
|
||||
|
||||
/* * * DO NOT EDIT BELOW THIS LINE * * */
|
||||
(function () {
|
||||
var s = document.createElement('script');
|
||||
s.async = true;
|
||||
s.type = 'text/javascript';
|
||||
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
|
||||
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
|
||||
}());
|
||||
</script>
|
||||
</div>
|
||||
{% include 'global/footer.tpl' %}
|
||||
5
_sakura/templates/misaki/main/infopage.tpl
Normal file
5
_sakura/templates/misaki/main/infopage.tpl
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
{% include 'global/header.tpl' %}
|
||||
<div class="markdown">
|
||||
{{ page.content|raw }}
|
||||
</div>
|
||||
{% include 'global/footer.tpl' %}
|
||||
138
_sakura/templates/misaki/main/profile.tpl
Normal file
138
_sakura/templates/misaki/main/profile.tpl
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
{% include 'global/header.tpl' %}
|
||||
{% if profile.notset or profile.user.id == 0 or profile.user.password_algo == 'nologin' %}
|
||||
user not found, don't forget to make this sexy
|
||||
{% else %}
|
||||
<div class="profile" id="u{{ profile.user.id }}">
|
||||
<div class="profileHeader" style="background-image: url('/u/{{ profile.user.id }}/header');">
|
||||
<div class="profileFade"></div>
|
||||
<div class="headerLeft">
|
||||
<img class="userAvatar" src="/a/{{ profile.user.id }}" alt="{{ profile.user.username }}'s Avatar" />
|
||||
<div class="userData">
|
||||
<div class="profileUsername" style="color: {{ profile.colour }};">
|
||||
{{ profile.user.username }}
|
||||
</div>
|
||||
<div class="profileUsertitle">
|
||||
{{ profile.ranktitle }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="joinedLast">
|
||||
<div>Joined {{ profile.user.regdate|date("l Y-m-d H:i T") }}</div>
|
||||
<div>{% if profile.user.lastdate == 0 %}User hasn't logged in yet.{% else %}Last Active {{ profile.user.lastdate|date("l Y-m-d H:i T") }}{% endif %}</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="profileContent">
|
||||
<div class="userDataBar">
|
||||
{% if profile.user.rank_main > 1 %}
|
||||
<div class="profilePlatform hierarchyContainer">
|
||||
<div class="inner">
|
||||
<ul class="hierarchies">
|
||||
<li class="tenshi">Tenshi</li>
|
||||
<li class="staff">Staff</li>
|
||||
<li class="developer">Developer</li>
|
||||
<li class="alumnii">Alumnii</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="profilePlatform userAccounts">
|
||||
<div class="inner">
|
||||
{% if user.checklogin %}
|
||||
{% if profile.fields %}
|
||||
{% for name,field in profile.fields %}
|
||||
<div class="field">
|
||||
<div>{{ field.name }}</div>
|
||||
<div>
|
||||
{% if name == 'youtube' %}
|
||||
<a href="https://youtube.com/{% if field.youtubetype == 1 %}channel{% else %}user{% endif %}/{{ field.value }}">{% if field.youtubetype == 1 %}{{ profile.user.username }}'s Channel{% else %}{{ field.value }}{% endif %}</a>
|
||||
{% else %}
|
||||
{% if field.islink %}
|
||||
<a href="{{ field.link }}">
|
||||
{% endif %}
|
||||
{{ field.value }}
|
||||
{% if field.islink %}
|
||||
</a>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
<div class="noAccounts">
|
||||
<div class="fa fa-question"></div>
|
||||
<div class="notif">This user has not set any accounts yet.</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="noAccounts">
|
||||
<div class="fa fa-exclamation-circle"></div>
|
||||
<div class="notif">Log in to view the full profile.</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="profilePlatform accountStanding">
|
||||
<div class="inner">
|
||||
<div class="title">Account Standing</div>
|
||||
<div class="standing" style="color:
|
||||
{% if profile.user.rank_main < 2 %}
|
||||
#888;">Deactivated
|
||||
{% else %}
|
||||
{% if profile.warnings %}
|
||||
#F22;">Bad
|
||||
{% else %}
|
||||
#2F2;">Good
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if profile.warnings %}
|
||||
<div>This user has <b>{{ profile.warnings|length }}</b> warning{% if profile.warnings|length != 1 %}s{% endif %}!</div>
|
||||
<div>After <b>10 warnings</b> a user may be permanently banned.</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="userPage">
|
||||
{% if profile.user.rank_main > 1 %}
|
||||
<div class="statsRow">
|
||||
<div class="profilePlatform">
|
||||
<a class="inner" href="/u/{{ profile.user.id }}/friends">
|
||||
<div>Friends</div>
|
||||
<div class="count">n/a</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="profilePlatform">
|
||||
<a class="inner" href="/u/{{ profile.user.id }}/groups">
|
||||
<div>Groups</div>
|
||||
<div class="count">n/a</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="profilePlatform forumStats">
|
||||
<div class="inner">
|
||||
<div class="forumStatTitle">Forum stats</div>
|
||||
<div class="forumStatCount">
|
||||
<a class="posts" href="/u/{{ profile.user.id }}/posts">{% if profile.data.forum.posts %}{{ profile.data.forum.posts }}{% else %}0{% endif %} post{% if profile.data.forum.posts != 1 %}s{% endif %}</a>
|
||||
<a class="threads" href="/u/{{ profile.user.id }}/threads">{% if profile.data.forum.threads %}{{ profile.data.forum.threads }}{% else %}0{% endif %} thread{% if profile.data.forum.threads != 1 %}s{% endif %}</a>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="profilePage profilePlatform markdown{% if profile.profilePage|length < 1 %} hidden{% endif %}">
|
||||
<div class="inner">{{ profile.profilePage|raw }}</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</div>
|
||||
{% if profile.user.userData.profileBackground %}
|
||||
<script type="text/javascript">
|
||||
initialiseParallax('userBackground');
|
||||
</script>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% include 'global/footer.tpl' %}
|
||||
16
_sakura/templates/misaki/main/search.tpl
Normal file
16
_sakura/templates/misaki/main/search.tpl
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
{% include 'global/header.tpl' %}
|
||||
<h1 class="sectionHead">search</h1>
|
||||
<script>
|
||||
(function() {
|
||||
var cx = '013363332951923767879:krqdp_wt-eg';
|
||||
var gcse = document.createElement('script');
|
||||
gcse.type = 'text/javascript';
|
||||
gcse.async = true;
|
||||
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//cse.google.com/cse.js?cx=' + cx;
|
||||
var s = document.getElementsByTagName('script')[0];
|
||||
s.parentNode.insertBefore(gcse, s);
|
||||
})();
|
||||
</script>
|
||||
<gcse:searchbox></gcse:searchbox>
|
||||
<gcse:searchresults></gcse:searchresults>
|
||||
{% include 'global/footer.tpl' %}
|
||||
14
_sakura/templates/misaki/template.ini
Normal file
14
_sakura/templates/misaki/template.ini
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
; Sakura Template Configuration
|
||||
|
||||
[meta]
|
||||
; Display name of the style, only used in the admin section of the management panel.
|
||||
name = Misaki
|
||||
; Author of this template.
|
||||
author = Flashwave
|
||||
; If you set a URL below your name becomes a clickable link in the management panel.
|
||||
author_url = https://flash.moe
|
||||
|
||||
[manage]
|
||||
; This defines whether the template is intended for the management panel.
|
||||
; When it's incorrect Sakura will halt execution of the script.
|
||||
mode = 0
|
||||
103
content/data/misaki/css/error.css
Normal file
103
content/data/misaki/css/error.css
Normal file
|
|
@ -0,0 +1,103 @@
|
|||
html,
|
||||
body {
|
||||
min-height: 100%;
|
||||
width: 90;
|
||||
}
|
||||
|
||||
html {
|
||||
background: url('/images/satori-error.png') top right no-repeat #FFF;
|
||||
font-family: 'verdana', sans-serif;
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 2em;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
max-width: 34em;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
margin: 1.33em 0;
|
||||
}
|
||||
|
||||
h1 img {
|
||||
margin: 0 .5em -.75em 0;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 0;
|
||||
margin: 2em 0;
|
||||
line-height: 1.33em;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 1.9em 0;
|
||||
background: #BBB;
|
||||
border: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: .75em 0 0 0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0px 0px 0.8em 3.46em;
|
||||
line-height: 1.32em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: red;
|
||||
}
|
||||
|
||||
img+a:before {
|
||||
content: " ";
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 2.5em 0;
|
||||
}
|
||||
|
||||
li:nth-child(3) img {
|
||||
margin: -0.2em 0;
|
||||
}
|
||||
|
||||
li:nth-child(4) img {
|
||||
margin: -0.5em 0;
|
||||
}
|
||||
|
||||
table {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
table,
|
||||
tr,
|
||||
td {
|
||||
background: rgba(0, 0, 0, .2);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table img {
|
||||
border-radius: 32px;
|
||||
box-shadow: 0 4px 32px #888;
|
||||
}
|
||||
108
content/data/misaki/css/markdown.css
Normal file
108
content/data/misaki/css/markdown.css
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
/*
|
||||
* Markdown Elements
|
||||
*/
|
||||
@charset "utf-8";
|
||||
|
||||
.markdown {
|
||||
font: 12px/1.4 "Aller", sans-serif;
|
||||
word-wrap: break-word;
|
||||
color: #DDD;
|
||||
}
|
||||
|
||||
.markdown h1,
|
||||
.markdown h2,
|
||||
.markdown h3,
|
||||
.markdown h4,
|
||||
.markdown h5,
|
||||
.markdown h6 {
|
||||
border-bottom: 1px solid;
|
||||
padding-bottom: 5px;
|
||||
font-weight: 700;
|
||||
font-family: "Exo2-0-Italic", sans-serif;
|
||||
}
|
||||
|
||||
.markdown p,
|
||||
.markdown blockquote,
|
||||
.markdown ul,
|
||||
.markdown ol,
|
||||
.markdown dl,
|
||||
.markdown table,
|
||||
.markdown pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
border: 0;
|
||||
height: 1px;
|
||||
color: #000;
|
||||
background: #000;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown table {
|
||||
display: block;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
word-break: keep-all;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.markdown table tr {
|
||||
border-spacing: 0;
|
||||
border: 1px solid rgba(148, 117, 178, .6);
|
||||
}
|
||||
|
||||
.markdown table th,
|
||||
.markdown table td {
|
||||
padding: 6px 13px;
|
||||
border: 1px solid rgba(148, 117, 178, .6);
|
||||
}
|
||||
|
||||
.markdown table tr:nth-child(even) {
|
||||
background: rgba(148, 117, 178, .2);
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAEAQMAAAHgzeyWAAAABlBMVEX///////9VfPVsAAAAAnRSTlMAM8lDrC4AAAAYSURBVAjXY2BgaGBgYHBgSGA4wGDB8AAAELgC+QawOaIAAAAASUVORK5CYII=') repeat-x scroll 0 0 transparent;
|
||||
border: 0 none;
|
||||
color: #CCC;
|
||||
height: 4px;
|
||||
padding: 0;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.markdown blockquote {
|
||||
border-left: 4px solid rgba(148, 117, 178, .6);
|
||||
padding: 0 15px;
|
||||
color: #AAA;
|
||||
}
|
||||
|
||||
.markdown blockquote > blockquote {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.markdown blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown pre {
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
.markdown .highlight pre,
|
||||
.markdown pre {
|
||||
background: rgba(148, 117, 178, .2);
|
||||
border: 1px solid rgba(148, 117, 178, .6);
|
||||
font-size: 13px;
|
||||
line-height: 19px;
|
||||
overflow: auto;
|
||||
padding: 6px 10px;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.markdown ul,
|
||||
.markdown ol {
|
||||
margin-left: 40px;
|
||||
}
|
||||
623
content/data/misaki/css/misaki.css
Normal file
623
content/data/misaki/css/misaki.css
Normal file
|
|
@ -0,0 +1,623 @@
|
|||
/*
|
||||
* Sakura Misaki Style
|
||||
* By Flashwave <http://flash.moe>
|
||||
*/
|
||||
|
||||
/*
|
||||
* Import fonts
|
||||
*/
|
||||
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); /* Font Awesome */
|
||||
@import url('/fonts/springsteel-light/font.css'); /* Springsteel Light */
|
||||
@import url('/fonts/exo2-0-italic/font.css'); /* Exo 2.0 Italic */
|
||||
@import url('/fonts/exo2-0-light/font.css'); /* Exo 2.0 Light */
|
||||
@import url('/fonts/exo2-0-lightitalic/font.css'); /* Exo 2.0 Light Italic */
|
||||
@import url('/fonts/aller/font.css'); /* Aller */
|
||||
|
||||
/*
|
||||
* Import markdown stylesheet
|
||||
*/
|
||||
@import url('markdown.css');
|
||||
|
||||
/*
|
||||
* Reset margin and padding
|
||||
*/
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Global Elements
|
||||
*/
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background: linear-gradient(0deg, #4D3E5A, #9475B2) no-repeat scroll left top #4D3E5A;
|
||||
background-size: cover;
|
||||
color: #FFF;
|
||||
font: 400 12px/20px "Exo2-0-Light", sans-serif;
|
||||
}
|
||||
|
||||
#container {
|
||||
min-height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAAHe9q7oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUE0RkZFMTkwMTZGMTFFNUI3MEZGMjQwREFFNEY5NDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUE0RkZFMUEwMTZGMTFFNUI3MEZGMjQwREFFNEY5NDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQTRGRkUxNzAxNkYxMUU1QjcwRkYyNDBEQUU0Rjk0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQTRGRkUxODAxNkYxMUU1QjcwRkYyNDBEQUU0Rjk0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlUBbIQAAAAsSURBVHjaYmBgYHAACCAGEAEQQIwwFkAAgRgLQAwmBigACDAWmAgMMDGgAQBg+AILS4buPwAAAABJRU5ErkJggg==');
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: "Springsteel-Light", sans-serif;
|
||||
}
|
||||
|
||||
h1.sectionHead {
|
||||
font-style: italic;
|
||||
font-size: 72px;
|
||||
color: rgb(148, 117, 178);
|
||||
opacity: 0.5;
|
||||
font-weight: 100;
|
||||
line-height: 90px;
|
||||
margin: 10px 20px;
|
||||
}
|
||||
|
||||
a.clean,
|
||||
a.underline {
|
||||
color: inherit !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
a.underline:hover {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #66A;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #A66;
|
||||
}
|
||||
|
||||
/*
|
||||
* Attribute classes
|
||||
*/
|
||||
.hidden {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
.floatLeft {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.floatRight {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.leftAlign {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.centreAlign {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.rightAlign {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* Header Fade
|
||||
*/
|
||||
.header-fade {
|
||||
height: 500px;
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .35) 50%, rgba(0, 0, 0, .45) 60%, rgba(0, 0, 0, .53) 70%, rgba(0, 0, 0, .44) 77%, rgba(0, 0, 0, .4) 80%, rgba(0, 0, 0, 0) 100%) transparent;
|
||||
z-index: -1;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Site footer
|
||||
*/
|
||||
#footer {
|
||||
height: 100px;
|
||||
width: 100%;
|
||||
background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0)) transparent;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
font-family: "Exo2-0-LightItalic", sans-serif;
|
||||
}
|
||||
|
||||
#footer > .inner {
|
||||
max-width: 1024px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#footer > .inner > .ft-logo {
|
||||
background: url('../images/image-logo.svg') no-repeat scroll center center / cover;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
float: left;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
#footer > .inner > .ft-text {
|
||||
margin-left: 10px;
|
||||
margin-top: 2.6em;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/*
|
||||
* Site header
|
||||
*/
|
||||
#header {
|
||||
height: 164px;
|
||||
max-width: 1024px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#header > * {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#header .logo {
|
||||
background: url('../images/image-logo.svg') no-repeat scroll center center / cover;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
position: relative;
|
||||
bottom: -49px;
|
||||
left: -18px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#header .text {
|
||||
background: url('../images/text-logo.svg') no-repeat scroll center center / cover;
|
||||
height: 100px;
|
||||
width: 460px;
|
||||
position: relative;
|
||||
left: -158px;
|
||||
top: -69px;
|
||||
}
|
||||
|
||||
#header .image {
|
||||
background: url('../images/right-header.png') no-repeat scroll center center / cover;
|
||||
height: 164px;
|
||||
width: 200px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#header .social {
|
||||
position: relative;
|
||||
left: -200px;
|
||||
z-index: 1;
|
||||
font-size: 2em;
|
||||
background: rgba(0, 0, 0, .4);
|
||||
float: right;
|
||||
padding: 3px;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
#header .social > ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#header .social > ul > li {
|
||||
float: left;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
#header .social > ul > li > a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 0 2px #fcfcfc;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
#header .social > ul > li > a:hover {
|
||||
color: #eee;
|
||||
text-shadow: 0 0 6px #fcfcfc;
|
||||
}
|
||||
|
||||
#header .social > ul > li > a:active {
|
||||
color: #ccc;
|
||||
text-shadow: 0 0 3px #fcfcfc;
|
||||
}
|
||||
|
||||
/*
|
||||
* Wrapper
|
||||
*/
|
||||
#wrapper {
|
||||
padding-bottom: 130px;
|
||||
}
|
||||
|
||||
#wrapper > #content {
|
||||
position: relative;
|
||||
max-width: 1018px;
|
||||
margin: 0 auto;
|
||||
background: #231C29;
|
||||
box-shadow: 0 0 7px rgba(255, 255, 255, .2);
|
||||
z-index: 4;
|
||||
padding: 2px;
|
||||
border: 1px solid rgba(148, 117, 178, .6);
|
||||
}
|
||||
|
||||
/*
|
||||
* Header navigation
|
||||
*/
|
||||
#content > #navigation {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
background: linear-gradient(0deg, transparent, #453851 50%, #342740) transparent;
|
||||
font-family: "Exo2-0-LightItalic", sans-serif;
|
||||
font-size: 2em;
|
||||
line-height: 30px;
|
||||
letter-spacing: 0px;
|
||||
text-shadow: 1px 1px 3px #111;
|
||||
margin-bottom: 5px;
|
||||
position: relative;
|
||||
z-index: 900;
|
||||
}
|
||||
|
||||
#content > #navigation > ul > li {
|
||||
list-style: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#content > #navigation > ul > li > a:not(.ignore) {
|
||||
min-width: 80px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
padding: 0 10px;
|
||||
transition: .2s;
|
||||
}
|
||||
|
||||
#content > #navigation > ul > li > a {
|
||||
z-index: 901;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#content > #navigation > .nav-left > li > a:not(.ignore):hover {
|
||||
background: rgba(0, 0, 0, .2);
|
||||
}
|
||||
|
||||
#content > #navigation > .nav-left > li > a:not(.ignore):active {
|
||||
background: rgba(0, 0, 0, .3);
|
||||
}
|
||||
|
||||
#content > #navigation .nav-usermenu > a {
|
||||
display: block !important;
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
#content > #navigation .nav-usermenu > a:after {
|
||||
font-family: FontAwesome;
|
||||
content: " \f0d7";
|
||||
}
|
||||
|
||||
#content > #navigation .nav-usermenu:hover > a:after {
|
||||
font-family: FontAwesome;
|
||||
content: " \f0d8";
|
||||
}
|
||||
|
||||
#content > #navigation .nav-avatar {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
background: url('/pixel.png') no-repeat scroll left center / contain transparent;
|
||||
}
|
||||
|
||||
#content > #navigation > ul > li > ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#content > #navigation > ul > li:hover > ul {
|
||||
display: block;
|
||||
z-index: 900;
|
||||
background: rgba(69, 56, 81, .5);
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
list-style: none;
|
||||
padding: 35px 4px 5px;
|
||||
}
|
||||
|
||||
#content > #navigation > ul > li > ul > li > a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
transition: .2s;
|
||||
padding: 2px 7px;
|
||||
}
|
||||
|
||||
#content > #navigation > ul > li > ul > li > a:hover {
|
||||
background: rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
#content > #navigation > ul > li > ul > li > a:active {
|
||||
background: rgba(0, 0, 0, .2);
|
||||
}
|
||||
|
||||
#content > #navigation .nav-usermenu ul {
|
||||
right: -30px;
|
||||
text-align: right;
|
||||
min-width: 150px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Profiles
|
||||
*/
|
||||
.profile {
|
||||
text-shadow: 1px 1px 2px rgba(0, 0, 0, .75);
|
||||
font-family: "Exo2-0-LightItalic", sans-serif;
|
||||
position: relative;
|
||||
top: -35px;
|
||||
}
|
||||
|
||||
.profile .profilePlatform {
|
||||
background: rgba(148, 117, 178, .2);
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, .75);
|
||||
margin-left: 10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.profile .profilePlatform > .inner {
|
||||
padding: 5px 7px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.profile .profilePlatform > a.inner {
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.profile > .profileHeader {
|
||||
height: 250px;
|
||||
color: #8364a1;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.profile > .profileHeader > .profileFade {
|
||||
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 30%, rgba(0, 0, 0, 0) 100%);
|
||||
height: 160px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
top: 60px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.profile > .profileHeader > .headerLeft > .userAvatar {
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
position: relative;
|
||||
top: -100px;
|
||||
z-index: 2;
|
||||
margin-left: 10px;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, .75);
|
||||
float: left;
|
||||
}
|
||||
|
||||
.profile > .profileHeader > .headerLeft > .userData {
|
||||
position: relative;
|
||||
top: -16px;
|
||||
float: left;
|
||||
margin: 0 10px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.profile > .profileHeader > .headerLeft > .userData > .profileUsername {
|
||||
font-size: 3em;
|
||||
line-height: .8em;
|
||||
}
|
||||
|
||||
.profile > .profileHeader > .headerLeft > .userData > .profileUsertitle {
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.profile > .profileHeader > .joinedLast {
|
||||
position: relative;
|
||||
top: -10px;
|
||||
z-index: 3;
|
||||
float: right;
|
||||
text-align: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar {
|
||||
float: left;
|
||||
width: 210px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .hierarchyContainer > .inner > .hierarchies {
|
||||
list-style: none;
|
||||
font-size: 2.5em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .hierarchyContainer > .inner > .hierarchies > li:before {
|
||||
font-family: "FontAwesome";
|
||||
width: 36px;
|
||||
padding-right: 3px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
color: #FFF;
|
||||
text-shadow: 0 0 3px #fcfcfc;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .hierarchyContainer > .inner > .hierarchies > .tenshi {
|
||||
color: #ee9400;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .hierarchyContainer > .inner > .hierarchies > .tenshi:before {
|
||||
content: "\f004";
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .hierarchyContainer > .inner > .hierarchies > .staff {
|
||||
color: #09f;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .hierarchyContainer > .inner > .hierarchies > .staff:before {
|
||||
content: "\f0e3";
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .hierarchyContainer > .inner > .hierarchies > .developer {
|
||||
color: #824ca0;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .hierarchyContainer > .inner > .hierarchies > .developer:before {
|
||||
content: "\f121";
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .hierarchyContainer > .inner > .hierarchies > .alumnii {
|
||||
color: #ff69b4;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .hierarchyContainer > .inner > .hierarchies > .alumnii:before {
|
||||
content: "\f005";
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .userAccounts > .inner > .field > div:nth-child(1) {
|
||||
float: left;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .userAccounts > .inner > .field > div:nth-child(2) {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .userAccounts > .inner > .noAccounts > .fa {
|
||||
font-size: 3em;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .userAccounts > .inner > .noAccounts {
|
||||
font-size: 1.5em;
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .accountStanding > .inner > .title {
|
||||
font-size: 1.5em;
|
||||
line-height: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userDataBar > .accountStanding > .inner > .standing {
|
||||
font-size: 2.5em;
|
||||
line-height: 1.5em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userPage {
|
||||
float: left;
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userPage > .statsRow > div {
|
||||
float: left;
|
||||
width: 200px;
|
||||
font-size: 2.5em;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userPage > .statsRow > div > .inner > .count {
|
||||
font-size: 1.2em;
|
||||
line-height: 1em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userPage > .statsRow > .forumStats {
|
||||
width: 370px;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userPage > .statsRow > .forumStats > .inner > .forumStatTitle {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userPage > .statsRow > .forumStats > .inner > .forumStatCount {
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userPage > .statsRow > .forumStats > .inner > .forumStatCount > a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userPage > .statsRow > .forumStats > .inner > .forumStatCount > .posts {
|
||||
font-size: .8em;
|
||||
line-height: 1.25em;
|
||||
}
|
||||
|
||||
.profile > .profileContent > .userPage > .statsRow > .forumStats > .inner > .forumStatCount > .threads {
|
||||
font-size: 1.2em;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
/*
|
||||
* Homepage
|
||||
*/
|
||||
|
||||
/*
|
||||
* News
|
||||
*/
|
||||
.news-post > .news-header {
|
||||
background: linear-gradient(90deg, #4d3e5a, transparent);
|
||||
font-family: "Exo2-0-LightItalic", sans-serif;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.news-post > .news-header > .news-title {
|
||||
font-size: 2em;
|
||||
line-height: 40px;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
text-transform: lowercase;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.news-post > .news-header > .news-details {
|
||||
text-align: right;
|
||||
line-height: 16px;
|
||||
margin-top: 4px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.news-post > .news-content > .news-avatar {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.news-post > .news-content > .news-avatar > img {
|
||||
max-height: 125px;
|
||||
max-width: 125px;
|
||||
margin: 6px;
|
||||
box-shadow: 0 2px 3px #000;
|
||||
}
|
||||
|
||||
.news-post > .news-content > .news-text {
|
||||
padding: 3px 4px;
|
||||
}
|
||||
BIN
content/data/misaki/images/404-back.gif
Normal file
BIN
content/data/misaki/images/404-back.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 87 B |
BIN
content/data/misaki/images/404-info.gif
Normal file
BIN
content/data/misaki/images/404-info.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 260 B |
BIN
content/data/misaki/images/404-search.gif
Normal file
BIN
content/data/misaki/images/404-search.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
51
content/data/misaki/images/image-logo.svg
Normal file
51
content/data/misaki/images/image-logo.svg
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="1024px" height="1024px" viewBox="0 0 1024 1024" enable-background="new 0 0 1024 1024" xml:space="preserve">
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.0425" y1="280.3838" x2="1025.1205" y2="280.3838">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9B8579"/>
|
||||
</linearGradient>
|
||||
<polygon fill="url(#SVGID_1_)" points="186.389,425.489 133.751,411.924 205.039,135.279 257.677,148.844 "/>
|
||||
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="1.7788" y1="419.126" x2="1024.4875" y2="419.126">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9B8579"/>
|
||||
</linearGradient>
|
||||
<polygon fill="url(#SVGID_2_)" points="243.181,564.23 190.542,550.666 261.83,274.021 314.468,287.585 "/>
|
||||
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-0.688" y1="491.6992" x2="1025.5699" y2="491.6992">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9B8579"/>
|
||||
</linearGradient>
|
||||
<polygon fill="url(#SVGID_3_)" points="318.242,636.804 265.604,623.239 336.891,346.594 389.529,360.159 "/>
|
||||
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="2.2998" y1="532.5352" x2="1025.6628" y2="532.5352">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9B8579"/>
|
||||
</linearGradient>
|
||||
<polygon fill="url(#SVGID_4_)" points="402.128,677.64 349.49,664.075 420.778,387.43 473.416,400.995 "/>
|
||||
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="2.1494" y1="532.5352" x2="1023.8703" y2="532.5352">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9B8579"/>
|
||||
</linearGradient>
|
||||
<polygon fill="url(#SVGID_5_)" points="497.484,677.64 444.846,664.075 516.133,387.43 568.771,400.995 "/>
|
||||
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="0.2769" y1="518.5879" x2="1023.8083" y2="518.5879">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9B8579"/>
|
||||
</linearGradient>
|
||||
<polygon fill="url(#SVGID_6_)" points="595.61,663.693 542.973,650.129 614.26,373.483 666.898,387.048 "/>
|
||||
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="1.3247" y1="540.9316" x2="1024.8339" y2="540.9316">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9B8579"/>
|
||||
</linearGradient>
|
||||
<polygon fill="url(#SVGID_7_)" points="684.3,686.037 631.662,672.473 702.949,395.827 755.588,409.391 "/>
|
||||
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="0.7056" y1="612.417" x2="1025.0142" y2="612.417">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9B8579"/>
|
||||
</linearGradient>
|
||||
<polygon fill="url(#SVGID_8_)" points="758.962,757.522 706.324,743.958 777.611,467.312 830.25,480.876 "/>
|
||||
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="1.0962" y1="740.9375" x2="1026.6006" y2="740.9375">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9B8579"/>
|
||||
</linearGradient>
|
||||
<polygon fill="url(#SVGID_9_)" points="821.149,886.043 768.512,872.479 839.799,595.833 892.438,609.397 "/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.4 KiB |
BIN
content/data/misaki/images/right-header.png
Normal file
BIN
content/data/misaki/images/right-header.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 504 KiB |
89
content/data/misaki/images/text-logo.svg
Normal file
89
content/data/misaki/images/text-logo.svg
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="3200px" height="720px" viewBox="0 0 3200 720" enable-background="new 0 0 3200 720" xml:space="preserve">
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="2.6411" y1="376.7852" x2="3196.2842" y2="376.7852">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9488BB"/>
|
||||
</linearGradient>
|
||||
<path fill="url(#SVGID_1_)" d="M155.975,643.035c0,0,23.268-144.75,48.296-262.5c25.028-117.749,63.296-262.499,63.296-262.499
|
||||
s72.843-7.5,151.593-7.5s148.406,7.5,148.407,7.5l-5.58,26.25c0,0-69.703-3.75-149.203-3.75h-120l-47.825,224.999h240l-6.376,30
|
||||
h-240c-25.506,120-48.858,247.5-48.858,247.5H155.975z"/>
|
||||
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-2.4419" y1="361.7852" x2="3199.2095" y2="361.7852">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9488BB"/>
|
||||
</linearGradient>
|
||||
<path fill="url(#SVGID_2_)" d="M524.225,643.035c0,0,24.384-149.999,49.891-269.999s69.672-292.5,69.672-292.5h33.75
|
||||
c0,0-38.822,165-65.922,292.5c-47.825,224.999-57.391,269.999-57.391,269.999H524.225z"/>
|
||||
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="1.5557" y1="455.5352" x2="3197.7434" y2="455.5352">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9488BB"/>
|
||||
</linearGradient>
|
||||
<path fill="url(#SVGID_3_)" d="M850.019,260.536c130.5,0,118.025,97.5,97.301,195c-17.058,80.251-47.354,187.5-47.354,187.5
|
||||
s-48.094,7.5-132.844,7.5c-131.25,0-129.99-76.499-123.135-108.75c7.493-35.249,38.116-108.75,169.366-108.75
|
||||
c41.25,0,99.656,7.501,99.656,7.501c22.318-105,9.383-150-69.367-150c-63.75,0-118.641,11.25-118.641,11.25l5.58-26.25
|
||||
C730.581,275.536,786.269,260.536,850.019,260.536z M908.227,463.035h-101.25c-93.75,0-117.519,41.25-125.489,78.75
|
||||
c-8.13,38.25-1.739,78.75,92.011,78.75h101.25L908.227,463.035z"/>
|
||||
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="3.1167" y1="455.5352" x2="3199.1919" y2="455.5352">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9488BB"/>
|
||||
</linearGradient>
|
||||
<path fill="url(#SVGID_4_)" d="M1034.427,363.286c11.478-54.001,59.34-102.75,160.59-102.75c71.25,0,112.264,18.75,112.264,18.75
|
||||
l-5.58,26.25c0,0-41.812-15-113.062-15c-63.75,0-106.351,24-116.713,72.75c-11.318,53.25,12.605,71.25,85.149,75.75
|
||||
c101.315,6.749,129.185,44.999,116.113,106.5c-11.956,56.249-63.568,104.999-161.068,104.999c-71.25,0-125.67-26.25-125.67-26.25
|
||||
l5.58-26.25c0,0,55.217,22.5,126.467,22.5s106.83-26.25,117.192-74.999c11.318-53.25-12.333-69.001-85.627-73.501
|
||||
C1049.496,465.285,1021.354,424.786,1034.427,363.286z"/>
|
||||
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="-2.5366" y1="361.7852" x2="3202.8113" y2="361.7852">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9488BB"/>
|
||||
</linearGradient>
|
||||
<path fill="url(#SVGID_5_)" d="M1537.389,290.536c-55.5,0-105.797,3.75-105.797,3.75l-74.129,348.75h-30
|
||||
c0,0,24.384-149.999,48.296-262.5c23.913-112.499,71.267-299.999,71.267-299.999h33.75c0,0-25.271,101.25-44.401,191.25
|
||||
c0,0,51.892-11.25,107.392-11.25c139.5,0,124.494,120,108.551,195c-11.159,52.5-47.354,187.5-47.354,187.5h-30l39.854-187.5
|
||||
C1630.76,380.535,1639.389,290.536,1537.389,290.536z"/>
|
||||
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-1.9609" y1="395.5352" x2="3206.1504" y2="395.5352">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9488BB"/>
|
||||
</linearGradient>
|
||||
<path fill="url(#SVGID_6_)" d="M1704.706,643.035c0,0,24.384-149.999,49.891-269.999c16.898-79.5,24.568-105,24.568-105h35.25
|
||||
l-79.709,374.999H1704.706z M1824.922,148.036c15,0,23.858,11.25,20.67,26.25c-3.188,15-16.829,26.25-31.829,26.25
|
||||
s-23.859-11.25-20.671-26.25C1796.28,159.286,1809.922,148.036,1824.922,148.036z"/>
|
||||
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="4.4473" y1="395.5352" x2="3206.1924" y2="395.5352">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9488BB"/>
|
||||
</linearGradient>
|
||||
<path fill="url(#SVGID_7_)" d="M1834.447,643.035c0,0,24.384-149.999,49.891-269.999c16.898-79.5,24.568-105,24.568-105h35.25
|
||||
l-79.709,374.999H1834.447z M1954.663,148.036c15,0,23.858,11.25,20.67,26.25c-3.188,15-16.829,26.25-31.829,26.25
|
||||
s-23.859-11.25-20.671-26.25C1926.021,159.286,1939.663,148.036,1954.663,148.036z"/>
|
||||
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="5.6548" y1="620.5352" x2="3198.3894" y2="620.5352">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9488BB"/>
|
||||
</linearGradient>
|
||||
<path fill="url(#SVGID_8_)" d="M1988.051,594.285c14.25,0,23.699,12,20.671,26.25c-3.029,14.25-17.58,26.25-31.83,26.25
|
||||
s-23.699-12-20.67-26.25C1959.25,606.285,1973.801,594.285,1988.051,594.285z"/>
|
||||
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="3.0693" y1="451.7852" x2="3200.7832" y2="451.7852">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9488BB"/>
|
||||
</linearGradient>
|
||||
<path fill="url(#SVGID_9_)" d="M2096.185,643.035c0,0,24.384-149.999,49.891-269.999c16.898-79.5,24.568-105,24.568-105h24
|
||||
c0,0,2.062,15-1.503,59.999c30.471-37.499,66.847-67.5,130.597-67.5c138.75,0,128.243,120,112.302,195
|
||||
c-11.956,56.251-47.354,187.5-47.354,187.5h-30l39.854-187.5c18.333-86.25,20.072-164.999-81.178-164.999
|
||||
c-90,0-132.192,74.999-148.134,150l-43.043,202.499H2096.185z"/>
|
||||
<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="3.4492" y1="455.5352" x2="3196.1162" y2="455.5352">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9488BB"/>
|
||||
</linearGradient>
|
||||
<path fill="url(#SVGID_10_)" d="M2815.02,376.786c-7.971,37.499-36.521,101.25-160.271,101.25c-35.25,0-114.656-7.501-114.656-7.501
|
||||
c-14.348,67.5-16.883,150,84.367,150c63.75,0,119.438-15,119.438-15l-5.579,26.25c0,0-48.985,18.75-120.235,18.75
|
||||
c-138.75,0-128.243-119.999-112.302-195c19.13-90,56.448-195,195.198-195C2824.729,260.536,2822.99,339.286,2815.02,376.786z
|
||||
M2544.875,448.035h116.25c86.25,0,110.018-41.249,116.395-71.249c6.376-30,3.332-86.25-82.918-86.25
|
||||
C2589.602,290.536,2560.816,373.036,2544.875,448.035z"/>
|
||||
<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="-4.9043" y1="365.5352" x2="3202.3633" y2="365.5352">
|
||||
<stop offset="0" style="stop-color:#662D91"/>
|
||||
<stop offset="1" style="stop-color:#9488BB"/>
|
||||
</linearGradient>
|
||||
<path fill="url(#SVGID_11_)" d="M2859.878,268.036c0,0,46.594-7.5,87.844-7.5c19.13-90,45.761-180,45.761-180h33.75
|
||||
c0,0-22.881,90-42.011,180c48.75,0,92.156,7.5,92.156,7.5l-4.782,22.5h-93.75l-9.565,45c-50.217,236.25-57.626,288.75,32.374,288.75
|
||||
l-5.579,26.25c-127.5,0-113.714-82.5-64.295-315l9.565-45h-86.25L2859.878,268.036z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.9 KiB |
81
content/data/misaki/js/misaki.js
Normal file
81
content/data/misaki/js/misaki.js
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
/*
|
||||
* Sakura Misaki JavaScript
|
||||
*/
|
||||
|
||||
// Get or set cookies
|
||||
function cookieData(action, name, data) {
|
||||
|
||||
switch(action) {
|
||||
|
||||
case 'get':
|
||||
return (result = new RegExp('(^|; )' + encodeURIComponent(name) + '=([^;]*)').exec(document.cookie)) ? result[2] : '';
|
||||
|
||||
case 'set':
|
||||
document.cookie = name + '=' + data;
|
||||
return null;
|
||||
|
||||
default:
|
||||
return null;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Initialising the element parallax functionality
|
||||
function initialiseParallax(id) {
|
||||
|
||||
// Assign the element to a variable
|
||||
var parallax = document.getElementById(id);
|
||||
|
||||
// Set proper position values
|
||||
parallax.style.top = '-2.5px';
|
||||
parallax.style.bottom = '-2.5px';
|
||||
parallax.style.left = '-2.5px';
|
||||
parallax.style.right = '-2.5px';
|
||||
|
||||
// Add the event listener to the body element
|
||||
document.addEventListener("mousemove", function(e) {
|
||||
|
||||
// Alter the position of the parallaxed element
|
||||
parallax.style.top = convertParallaxPositionValue(e.clientY, true, false) + 'px';
|
||||
parallax.style.bottom = convertParallaxPositionValue(e.clientY, true, true) + 'px';
|
||||
parallax.style.left = convertParallaxPositionValue(e.clientX, false, false) + 'px';
|
||||
parallax.style.right = convertParallaxPositionValue(e.clientX, false, true) + 'px';
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// Converting the position value of the mouseover to a pixel value
|
||||
function convertParallaxPositionValue(pos, dir, neg) {
|
||||
|
||||
// Get the body element
|
||||
var body = document.getElementsByTagName('body')[0];
|
||||
|
||||
// Get percentage of current position
|
||||
var position = (pos / (dir ? body.clientHeight : body.clientWidth)) * 100;
|
||||
|
||||
// If someone decided to fuck with the inputs reset it to 0%
|
||||
if(position < 0 || position > 100) {
|
||||
|
||||
position = 0;
|
||||
|
||||
}
|
||||
|
||||
// Do the first maths
|
||||
position = (position / (dir ? 25 : 20)) - 2.5;
|
||||
|
||||
// If the negative flag is set inverse the number
|
||||
if(neg) {
|
||||
|
||||
position = -position;
|
||||
|
||||
}
|
||||
|
||||
// Subtract another 2.5 to make the element not go all over the place
|
||||
position = position - 2.5;
|
||||
|
||||
// Return the proper position value
|
||||
return position;
|
||||
|
||||
}
|
||||
Reference in a new issue