Skip to content
Snippets Groups Projects
Commit 764ada28 authored by Florian Fittkau's avatar Florian Fittkau
Browse files

working on operation monitoring

parent bb36da27
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 139 additions and 118 deletions
.classpath
+ 1
− 0
View file @ 764ada28
......@@ -4,5 +4,6 @@
<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER"/>
<classpathentry kind="con" path="org.eclipse.jdt.junit.JUNIT_CONTAINER/4"/>
<classpathentry kind="con" path="com.google.gwt.eclipse.core.GWT_CONTAINER"/>
<classpathentry kind="lib" path="war/WEB-INF/lib/kieker-1.10.jar"/>
<classpathentry kind="output" path="war/WEB-INF/classes"/>
</classpath>
GWTMonitoring.html.launch
+ 25
− 25
View file @ 764ada28
src/kieker/monitoring/gwt/client/monitoring/AspectWeaver.java
+ 51
− 31
View file @ 764ada28
......@@ -3,6 +3,7 @@ package kieker.monitoring.gwt.client.monitoring;
public class AspectWeaver {
public static native void weave() /*-{
$wnd.WRITE_TIME_TRIGGERED = false
$wnd.MODULE_NAME = "gwtmonitoring"
$wnd.RECORD_BATCH_SIZE = 1 // increase for normal usage...
function initMonitoring() {
......@@ -29,23 +30,18 @@ public class AspectWeaver {
$wnd.lastWrite = 0
$wnd.jQuery.get('http://localhost:9876/gwtmonitoring/' + $strongName
$wnd.jQuery.get('http://localhost:9876/'+$wnd.MODULE_NAME+'/' + $strongName
+ '.cache.js', '', function(result) {
$wnd.moduleCacheJSLines = result.split("\n");
$wnd.moduleCacheJSLineLength = $wnd.moduleCacheJSLines.length;
}, 'html');
$wnd.jQuery().readSourceMapURL(
'http://localhost:9876/sourcemaps/gwtmonitoring/' + $strongName
+ '_sourcemap.json');
}
function fetchLineNumber(methodname) {
var linenumber = -1;
function fetchStaticClazz(methodname) {
var clazzname = null;
if (methodname in $wnd.functionLineMap) {
linenumber = $wnd.functionLineMap[methodname]
return $wnd.functionLineMap[methodname]
} else {
// var firstL1 = $wnd.performance.now()
var toSeekName = 'function ' + methodname;
var toSeekNameLength = toSeekName.length
......@@ -57,25 +53,20 @@ public class AspectWeaver {
if (line.length >= toSeekNameLength
&& line[9] == firstMethodChar
&& line.startsWith(toSeekName)) {
linenumber = i + 1;
$wnd.functionLineMap[methodname] = linenumber;
// console.log("lookup of " + toSeekName + " took "
// + ($wnd.performance.now() - firstL1))
break;
for (var j = i; j < length; j++) {
var indexName = lines[j].indexOf("createForClass_0_g$")
if (indexName >= 0) {
clazzname = lines[j].substring(indexName + 21, lines[j].lastIndexOf(","));
clazzname = clazzname.substring(0, clazzname.lastIndexOf(",")-1);
clazzname = clazzname.substring(0, clazzname.indexOf(",")-1) + "." + clazzname.substring(clazzname.indexOf(",") + 3, clazzname.length);
$wnd.functionLineMap[methodname] = clazzname;
return clazzname;
}
}
}
return linenumber;
}
function fetchClassFilename(linenumber) {
if (linenumber in $wnd.classFilenameMap) {
return $wnd.classFilenameMap[linenumber];
} else {
filename = $wnd.jQuery().lookupFilename(linenumber)
$wnd.classFilenameMap[linenumber] = filename
return filename;
}
return clazzname;
}
function finishTraceIfNecessary() {
......@@ -95,11 +86,17 @@ public class AspectWeaver {
// TODO replace method with StringRegistryID and send those records...
var linenumber = fetchLineNumber(invocation.method)
// TODO operations:
// eval("$wnd.currentClazz = (this.__proto__.___clazz$.packageName_1_g$ + '.' + this.__proto__.___clazz$.compoundName_1_g$)")
var classFilename = fetchClassFilename(linenumber)
var classFilename = fetchStaticClazz(invocation.method)
if (classFilename.startsWith("kieker/monitoring/gwt/client/monitoring") || !classFilename.startsWith("kieker/monitoring/gwt/client"))
if (className == null) {
return invocation.proceed();
}
if (classFilename.startsWith("kieker.monitoring.gwt.client.monitoring") || !classFilename.startsWith("kieker.monitoring.gwt.client"))
return invocation.proceed()
$wnd.recordBatchStorage.push("1;" + $wnd.performance.now() + ";" + $wnd.traceID + ";" + ($wnd.orderID++) + ";" + classFilename + ";" + invocation.method);
......@@ -109,7 +106,7 @@ public class AspectWeaver {
$wnd.currentStackDepth--;
var afterTimestamp = $wnd.performance.now()
$wnd.recordBatchStorage.push("3;" + afterTimestamp + ";" + $wnd.traceID + ";" + ($wnd.orderID++));
$wnd.recordBatchStorage.push("3;" + afterTimestamp + ";" + $wnd.traceID + ";" + ($wnd.orderID++) + ";" + classFilename + ";" + invocation.method);
if (!$wnd.WRITE_TIME_TRIGGERED) {
if ($wnd.recordBatchStorage.length >= $wnd.RECORD_BATCH_SIZE) {
......@@ -131,6 +128,29 @@ public class AspectWeaver {
initMonitoring();
$wnd.prototypeDefinitions = []
eval("for (var key in prototypesByTypeId_1_g$) { $wnd.prototypeDefinitions.push(prototypesByTypeId_1_g$[key]) };")
$wnd.tempAttri = 0
for (var i = 2; i < $wnd.prototypeDefinitions.length; i++) {
$wnd.currentPrototypeElement = $wnd.prototypeDefinitions[i]
$wnd.shouldInstrumentObject = false
eval("if ($wnd.currentPrototypeElement.___clazz$ && $wnd.currentPrototypeElement.___clazz$.packageName_1_g$.startsWith('kieker')) {$wnd.shouldInstrumentObject = true}")
if ($wnd.shouldInstrumentObject) {
// $wnd.jQuery.aop
// .around(
// {
// target : $wnd.currentPrototypeElement,
// method : /(^[a-z].*)/,
// }, aspectInvoc);
}
}
$wnd.prototypeDefinitions = []
$wnd.jQuery.aop
.around(
{
......
src/kieker/monitoring/gwt/server/monitoring/MonitoringServiceImpl.java
+ 14
− 17
View file @ 764ada28
package kieker.monitoring.gwt.server.monitoring;
import kieker.monitoring.gwt.client.monitoring.MonitoringService;
import kieker.monitoring.gwt.server.monitoring.writer.IGWTRecordWriter;
import kieker.monitoring.gwt.server.monitoring.writer.KiekerRecordWriter;
import com.google.gwt.user.server.rpc.RemoteServiceServlet;
public class MonitoringServiceImpl extends RemoteServiceServlet implements
MonitoringService {
public class MonitoringServiceImpl extends RemoteServiceServlet implements MonitoringService {
private static final long serialVersionUID = -1474770740583197159L;
IGWTRecordWriter writer = new ExplorVizRecordWriter();
IGWTRecordWriter writer = new KiekerRecordWriter();
@Override
public void sendRecordBundle(final String recordBundle) {
......@@ -23,17 +24,13 @@ public class MonitoringServiceImpl extends RemoteServiceServlet implements
String recordId = splitRecord[0];
if (recordId.equals("1")) { // BEFORE record
writer.writeBeforeRecord(
convertTimestampToNano(splitRecord[1]),
Long.parseLong(splitRecord[2]),
Integer.parseInt(splitRecord[3]),
convertClassname(splitRecord[4]),
convertMethod(splitRecord[5]));
writer.writeBeforeRecord(convertTimestampToNano(splitRecord[1]),
Long.parseLong(splitRecord[2]), Integer.parseInt(splitRecord[3]),
convertClassname(splitRecord[4]), convertMethod(splitRecord[5]));
} else if (recordId.equals("3")) { // AFTER record
writer.writeAfterRecord(
convertTimestampToNano(splitRecord[1]),
Long.parseLong(splitRecord[2]),
Integer.parseInt(splitRecord[3]));
writer.writeAfterRecord(convertTimestampToNano(splitRecord[1]),
Long.parseLong(splitRecord[2]), Integer.parseInt(splitRecord[3]),
convertClassname(splitRecord[4]), convertMethod(splitRecord[5]));
}
}
}
......
src/kieker/monitoring/gwt/server/monitoring/ExplorVizRecordWriter.java → src/kieker/monitoring/gwt/server/monitoring/writer/DebugRecordWriter.java
+ 4
− 4
View file @ 764ada28
package kieker.monitoring.gwt.server.monitoring;
package kieker.monitoring.gwt.server.monitoring.writer;
public class ExplorVizRecordWriter implements IGWTRecordWriter {
public class DebugRecordWriter implements IGWTRecordWriter {
@Override
public void writeBeforeRecord(long timestamp, long traceId, int orderId,
......@@ -9,8 +9,8 @@ public class ExplorVizRecordWriter implements IGWTRecordWriter {
}
@Override
public void writeAfterRecord(long timestamp, long traceId, int orderId) {
System.out.println(timestamp + " " + traceId + " " + orderId);
public void writeAfterRecord(long timestamp, long traceId, int orderId, String clazzname, String method) {
System.out.println(timestamp + " " + traceId + " " + orderId+ " " + clazzname + " " + method);
}
}
src/kieker/monitoring/gwt/server/monitoring/IGWTRecordWriter.java → src/kieker/monitoring/gwt/server/monitoring/writer/IGWTRecordWriter.java
+ 2
− 2
View file @ 764ada28
package kieker.monitoring.gwt.server.monitoring;
package kieker.monitoring.gwt.server.monitoring.writer;
public interface IGWTRecordWriter {
public void writeBeforeRecord(long timestamp, long traceId, int orderId, String clazzname, String method);
public void writeAfterRecord(long timestamp, long traceId, int orderId);
public void writeAfterRecord(long timestamp, long traceId, int orderId,String clazzname, String method);
}
src/kieker/monitoring/gwt/server/monitoring/KiekerRecordWriter.java → src/kieker/monitoring/gwt/server/monitoring/writer/KiekerRecordWriter.java
+ 22
− 0
View file @ 764ada28
package kieker.monitoring.gwt.server.monitoring;
package kieker.monitoring.gwt.server.monitoring.writer;
import kieker.common.record.flow.trace.operation.AfterOperationEvent;
import kieker.common.record.flow.trace.operation.BeforeOperationEvent;
import kieker.monitoring.core.controller.MonitoringController;
public class KiekerRecordWriter implements IGWTRecordWriter {
@Override
public void writeBeforeRecord(long timestamp, long traceId, int orderId,
String clazzname, String method) {
// TODO Auto-generated method stub
MonitoringController.getInstance().newMonitoringRecord(new BeforeOperationEvent(timestamp, traceId, orderId, method, clazzname));
}
@Override
public void writeAfterRecord(long timestamp, long traceId, int orderId) {
// TODO Auto-generated method stub
public void writeAfterRecord(long timestamp, long traceId, int orderId,
String clazzname, String method) {
MonitoringController.getInstance().newMonitoringRecord(new AfterOperationEvent(timestamp, traceId, orderId, method, clazzname));
}
......
war/GWTMonitoring.html
+ 8
− 4
View file @ 764ada28
......@@ -2,7 +2,7 @@
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="css/GWTMonitoring.css">
<link type="text/css" rel="stylesheet" href="css/pure-min.css">
<title>GWT Web Application Monitoring Example Project</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
......@@ -21,9 +21,13 @@
</div>
</noscript>
<h1>GWT Web Application Monitoring Example Project</h1>
<button id="testButton">Call Test Functions</button>
<div style="margin-left:auto;margin-right:auto;width:30em;">
<h1 style="text-align: center;">GWT Monitoring Example</h1>
<br/>
<br/>
<br/>
<div class="pure-button" id="testButton" style="padding-left:30%;padding-right:30%;">Click me! - Call Test Functions</div>
<div id="testLabel"></div>
</div>
</body>
</html>
war/WEB-INF/lib/kieker-1.10.jar 0 → 100644
+ 0
− 0
View file @ 764ada28
File added
war/WEB-INF/web.xml
+ 1
− 1
View file @ 764ada28
......@@ -12,7 +12,7 @@
<servlet-mapping>
<servlet-name>MonitoringService</servlet-name>
<url-pattern>/gwtmonitoring/metamonitoring</url-pattern>
<url-pattern>/gwtmonitoring/monitoring</url-pattern>
</servlet-mapping>
<!-- Default page to serve -->
......
war/css/GWTMonitoring.css deleted 100644 → 0
+ 0
− 34
View file @ bb36da27
/** Add css rules here for your application. */
/** Example rules used by the template application (remove for your app) */
h1 {
font-size: 2em;
font-weight: bold;
color: #777777;
margin: 40px 0px 70px;
text-align: center;
}
.sendButton {
display: block;
font-size: 16pt;
}
/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
width: 400px;
}
.dialogVPanel {
margin: 5px;
}
.serverResponseLabelError {
color: red;
}
/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
margin: 15px 6px 6px;
}
war/css/pure-min.css 0 → 100644
+ 11
− 0
View file @ 764ada28
/*!
Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v1.1.3 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;*display:inline;zoom:1;line-height:normal;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;*font-size:90%;*overflow:visible;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);*color:#444;border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;outline:thin dotted \9;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin dotted #333;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#ee5f5b}.pure-form input:focus:invalid:focus,.pure-form textarea:focus:invalid:focus,.pure-form select:focus:invalid:focus{border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 10em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input{display:block;padding:10px;margin:0;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus{z-index:2}.pure-form .pure-group input:first-child{top:1px;border-radius:4px 4px 0 0}.pure-form .pure-group input:last-child{top:-2px;border-radius:0 0 4px 4px}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu ul{position:absolute;visibility:hidden}.pure-menu.pure-menu-open{visibility:visible;z-index:2;width:100%}.pure-menu ul{left:-10000px;list-style:none;margin:0;padding:0;top:-10000px;z-index:1}.pure-menu>ul{position:relative}.pure-menu-open>ul{left:0;top:0;visibility:visible}.pure-menu-open>ul:focus{outline:0}.pure-menu li{position:relative}.pure-menu a,.pure-menu .pure-menu-heading{display:block;color:inherit;line-height:1.5em;padding:5px 20px;text-decoration:none;white-space:nowrap}.pure-menu.pure-menu-horizontal>.pure-menu-heading{display:inline-block;*display:inline;zoom:1;margin:0;vertical-align:middle}.pure-menu.pure-menu-horizontal>ul{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu li a{padding:5px 20px}.pure-menu-can-have-children>.pure-menu-label:after{content:'\25B8';float:right;font-family:'Lucida Grande','Lucida Sans Unicode','DejaVu Sans',sans-serif;margin-right:-20px;margin-top:-1px}.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-separator{background-color:#dfdfdf;display:block;height:1px;font-size:0;margin:7px 2px;overflow:hidden}.pure-menu-hidden{display:none}.pure-menu-fixed{position:fixed;top:0;left:0;width:100%}.pure-menu-horizontal li{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-horizontal li li{display:block}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label:after{content:"\25BE"}.pure-menu-horizontal>.pure-menu-children>.pure-menu-can-have-children>.pure-menu-label{padding-right:30px}.pure-menu-horizontal li.pure-menu-separator{height:50%;width:1px;margin:0 7px}.pure-menu-horizontal li li.pure-menu-separator{height:1px;width:auto;margin:7px 2px}.pure-menu.pure-menu-open,.pure-menu.pure-menu-horizontal li .pure-menu-children{background:#fff;border:1px solid #b7b7b7}.pure-menu.pure-menu-horizontal,.pure-menu.pure-menu-horizontal .pure-menu-heading{border:0}.pure-menu a{border:1px solid transparent;border-left:0;border-right:0}.pure-menu a,.pure-menu .pure-menu-can-have-children>li:after{color:#777}.pure-menu .pure-menu-can-have-children>li:hover:after{color:#fff}.pure-menu .pure-menu-open{background:#dedede}.pure-menu li a:hover,.pure-menu li a:focus{background:#eee}.pure-menu li.pure-menu-disabled a:hover,.pure-menu li.pure-menu-disabled a:focus{background:#fff;color:#bfbfbf}.pure-menu .pure-menu-disabled>a{background-image:none;border-color:transparent;cursor:default}.pure-menu .pure-menu-disabled>a,.pure-menu .pure-menu-can-have-children.pure-menu-disabled>a:after{color:#bfbfbf}.pure-menu .pure-menu-heading{color:#565d64;text-transform:uppercase;font-size:90%;margin-top:.5em;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dfdfdf}.pure-menu .pure-menu-selected a{color:#000}.pure-menu.pure-menu-open.pure-menu-fixed{border:0;border-bottom:1px solid #b7b7b7}.pure-paginator{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;list-style:none;margin:0;padding:0}.opera-only :-o-prefocus,.pure-paginator{word-spacing:-.43em}.pure-paginator li{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-paginator .pure-button{border-radius:0;padding:.8em 1.4em;vertical-align:top;height:1.1em}.pure-paginator .pure-button:focus,.pure-paginator .pure-button:active{outline-style:none}.pure-paginator .prev,.pure-paginator .next{color:#C0C1C3;text-shadow:0 -1px 0 rgba(0,0,0,.45)}.pure-paginator .prev{border-radius:2px 0 0 2px}.pure-paginator .next{border-radius:0 2px 2px 0}@media (max-width:480px){.pure-menu-horizontal{width:100%}.pure-menu-children li{display:block;border-bottom:1px solid #000}}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child td,.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child td{border-bottom-width:0}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment