using css3 border-radius instead of js library when possible

This commit is contained in:
Pablo Luna 2011-04-02 11:53:13 +01:00
parent e722fdd720
commit 96a71d6d58
19 changed files with 320 additions and 171 deletions

View File

@ -391,11 +391,28 @@
<includes>
<include>mootools.js</include>
<include>common.js</include>
<include>shadedborder.js</include>
<include>transcorners.js</include>
<include>windoo.js</include>
<include>menu.js</include>
<include>slideShow.js</include>
</includes>
</aggregation>
</aggregations>
<nosuffix>true</nosuffix>
<nomunge>true</nomunge>
<jswarn>false</jswarn>
<statistics>false</statistics>
</configuration>
</execution>
<execution>
<phase>generate-resources</phase>
<goals>
<goal>compress</goal>
</goals>
<configuration>
<aggregations>
<aggregation>
<output>
${project.build.directory}/${project.build.finalName}/js/wiseEditorLibrary.js
</output>
<includes>
<include>mooRainbow.js</include>
<include>help.js</include>
<include>helpPanel.js</include>

View File

@ -259,10 +259,6 @@ div#headerButtons activelink a, div#headerButtons activelink a:hover {
border-bottom: 0;
}
#signUpHeader .sb-inner {
background-color: white;
}
#signUpHeader {
padding-right: 8px;
padding-top: 4px;
@ -408,18 +404,6 @@ div#headerActions a:hover, div#headerActions a:active, div#headerActions a:link,
color: white;
}
#join .sb-inner {
background: #9a8fc3;
}
#join .sb-shadow {
background: white;
}
#join .sb-border {
background: #A29BBF;
}
div.header_languages {
position: absolute;
right: 0;

View File

@ -0,0 +1,15 @@
#signUpHeader .sb-inner {
background-color: white;
}
#join .sb-inner {
background: #9a8fc3;
}
#join .sb-shadow {
background: white;
}
#join .sb-border {
background: #A29BBF;
}

View File

@ -1,6 +1,3 @@
@import "common.css";
@import "thirdparty.css";
html {
overflow: hidden;
}

View File

@ -224,46 +224,27 @@
padding: 10px;
}
#mapListContainer .sb-inner {
background: white;
}
#mapListContainer .sb-shadow {
background: white;
}
#mapListContainer .sb-border {
background: #A29BBF;
}
#recentFiles .sb-inner {
#recentFiles.sb {
background: #EEEEEE;
border:1px solid #E5E5E5;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
}
#recentFiles .sb-border {
background: #E5E5E5;
}
#toolbar .sb-border {
background: #A7C6DF;
}
#toolbar .sb-inner {
background: #C3DEF5;
}
#mydocs .sb-inner {
background: #C3DEF5;
}
#mydocs .sb-border {
background: #A7C6DF;
}
#recentItems .sb-inner {
#recentItems.sb {
background: white;
border:1px solid #E5E5E5;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
}
#recentItems .sb-border {
background: #E5E5E5;
#mydocs {
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
}

View File

@ -0,0 +1,71 @@
@import "commonOldIE.css";
#mapListContainer .sb-inner {
background: white;
}
#mapListContainer .sb-shadow {
background: white;
}
#mapListContainer .sb-border {
background: #A29BBF;
}
#recentFiles .sb-inner {
background: #EEEEEE;
}
#recentFiles .sb-border {
background: #E5E5E5;
}
#toolbar .sb-border {
background: #A7C6DF;
}
#toolbar .sb-inner {
background: #C3DEF5;
}
#mydocs .sb-inner {
background: #C3DEF5;
}
#mydocs .sb-border {
background: #A7C6DF;
}
#recentItems .sb-inner {
background: white;
}
#recentItems .sb-border {
background: #E5E5E5;
}
#recentFiles.sb {
background: transparent;
border:0 solid #A7C6DF;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:0px;
}
#recentItems.sb {
background: transparent;
border:0 solid #A7C6DF;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:0px;
}
#mydocs {
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:0px;
}

View File

@ -133,14 +133,6 @@
color: black;
}
#searchResult .sb-inner {
background: #C3DEF5;
}
#searchResult .sb-border {
background: #A7C6DF;
}
#search {
clear: both;
width: 200px;
@ -464,42 +456,10 @@ div#news {
font-size: medium;
}
#join .sb-inner {
background: #9a8fc3;
}
#join .sb-shadow {
background: white;
}
#join .sb-border {
background: #A29BBF;
}
#newsAndArticles .sb-inner, #recentMaps .sb-inner {
background: #c3def5;
}
#newsAndArticles .sb-shadow, #recentMaps .sb-shadow {
background: white;
}
#newsAndArticles .sb-border, #recentMaps .sb-border {
background: #A7C6DF;
}
#recentMapsContent, #newsContent, #joinContent {
padding: 5px 10px;
}
#recentMapsContent .sb-inner, #newsContent .sb-inner {
background: white;
}
#recentMapsContent .sb-border, #newsContent .sb-border {
background: #A7C6DF;
}
#search dl {
padding-bottom: 10px;
}
@ -517,18 +477,6 @@ div#news {
font-size: medium;
}
#search .sb-inner {
background: white;
}
#search .sb-shadow {
background: white;
}
#search .sb-border {
background: #6186CB;
}
/* Finish homepage styles */
div#mainBody {
@ -560,19 +508,11 @@ div#login {
padding: 10px;
}
div#login .sb-inner, div#forgotPasswordContainer .sb-inner, div#userRegistration .sb-inner {
background-color: #eeeeee;
}
#forgotPasswordContainer {
width: 500px;
padding: 10px;
}
div#login .sb-border, div#forgotPasswordContainer .sb-border, div#userRegistration .sb-border {
background-color: #cfcfcf;
}
/* This is used to fix IE explorer bug rendering rounded corners*/
div#loginContent {
width: 100%;
@ -622,14 +562,6 @@ div#register a {
padding: 10px;
}
#detailContent .sb-inner {
background: #C3DEF5;
}
#detailContent .sb-border {
background: #A7C6DF;
}
#detail {
margin: 10px auto;
height: 100%;
@ -646,14 +578,6 @@ div#register a {
vertical-align: top;
}
#detail .sb-inner {
background: white;
}
#detail .sb-border {
background: #E5E5E5;
}
#detailTitle {
color: #093A9D;
font-weight: bold;
@ -706,3 +630,49 @@ div.newsContainer h2 {
padding:10px;
color:#6B628F;
}
#login.sb, #userRegistration.sb, #forgotPasswordContainer.sb {
background: #eeeeee;
border:1px solid #cfcfcf;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
}
#detailContent.sb {
background: #C3DEF5;
border:1px solid #A7C6DF;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
}
#detail.sb {
background: white;
border:1px solid #E5E5E5;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
}
#userRegistration.sb {
background: #eeeeee;
border:1px solid #cfcfcf;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:16px;
}
#searchResult.sb {
background: #C3DEF5;
border:1px solid #A7C6DF;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
}

View File

@ -0,0 +1,86 @@
@import "commonOldIE.css";
#searchResult .sb-inner {
background: #C3DEF5;
}
#searchResult .sb-border {
background: #A7C6DF;
}
#join .sb-inner {
background: #9a8fc3;
}
#join .sb-shadow {
background: white;
}
#join .sb-border {
background: #A29BBF;
}
#newsAndArticles .sb-inner, #recentMaps .sb-inner {
background: #c3def5;
}
#newsAndArticles .sb-shadow, #recentMaps .sb-shadow {
background: white;
}
#newsAndArticles .sb-border, #recentMaps .sb-border {
background: #A7C6DF;
}
#recentMapsContent .sb-inner, #newsContent .sb-inner {
background: white;
}
#recentMapsContent .sb-border, #newsContent .sb-border {
background: #A7C6DF;
}
#search .sb-inner {
background: white;
}
#search .sb-shadow {
background: white;
}
#search .sb-border {
background: #6186CB;
}
div#login .sb-inner, div#forgotPasswordContainer .sb-inner, div#userRegistration .sb-inner {
background-color: #eeeeee;
}
div#login .sb-border, div#forgotPasswordContainer .sb-border, div#userRegistration .sb-border {
background-color: #cfcfcf;
}
#detailContent .sb-inner {
background: #C3DEF5;
}
#detailContent .sb-border {
background: #A7C6DF;
}
#detail .sb-inner {
background: white;
}
#detail .sb-border {
background: #E5E5E5;
}
#login.sb, #forgotPasswordContainer.sb, #userRegistration.sb, #detailContent.sb, #detail.sb, #searchResult.sb{
background: transparent;
border:0 solid #A7C6DF;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius:0px;
}

View File

@ -10,6 +10,9 @@
<link rel="stylesheet" type="text/css" href="../css/embedded.css">
<link rel="icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon">
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="../css/wisehomeOldIE.css"/>
<![endif]-->
</head>
<body>

View File

@ -1,12 +1,14 @@
<%@ include file="/jsp/init.jsp" %>
<script type="text/javascript">
window.onload = function() {
var simpleButtonGenerator = RUZEE.ShadedBorder.create({ corner:8, border:1 });
simpleButtonGenerator.render('forgotPasswordContainer');
if(typeof isOldIE != "undefined"){
window.onload = function() {
var simpleButtonGenerator = RUZEE.ShadedBorder.create({ corner:8, border:1 });
simpleButtonGenerator.render('forgotPasswordContainer');
$('submitButton').onclick = displayLoading;
};
$('submitButton').onclick = displayLoading;
};
}
</script>
<div id="forgotPasswordContent">

View File

@ -1,11 +1,13 @@
<%@ include file="/jsp/init.jsp" %>
<script type="text/javascript">
window.onload = function() {
var simpleButtonGenerator = RUZEE.ShadedBorder.create({ corner:8, border:1 });
simpleButtonGenerator.render('login');
if(typeof isOldIE != "undefined"){
window.onload = function() {
var simpleButtonGenerator = RUZEE.ShadedBorder.create({ corner:8, border:1 });
simpleButtonGenerator.render('login');
$('submitButton').onclick = displayLoading;
};
$('submitButton').onclick = displayLoading;
};
}
</script>
<div id="loginContent">

View File

@ -2,11 +2,13 @@
<%--@elvariable id="wisemapDetail" type="com.wisemapping.view.MindMapBean"--%>
<script type="text/javascript">
window.onload = function() {
var boxGenerator = RUZEE.ShadedBorder.create({ corner:16, border:1 });
boxGenerator.render('detailContent');
boxGenerator.render('detail');
};
if(typeof isOldIE != "undefined"){
window.onload = function() {
var boxGenerator = RUZEE.ShadedBorder.create({ corner:16, border:1 });
boxGenerator.render('detailContent');
boxGenerator.render('detail');
};
}
MOOdalBox.reloadRequered = true;

View File

@ -25,6 +25,7 @@
<script type="text/javascript" src="../dwr/interface/LoggerService.js"></script>
<script type='text/javascript' src='../js/wiseLibrary.js'></script>
<script type='text/javascript' src='../js/wiseEditorLibrary.js'></script>
<script type='text/javascript' src='../js/core.js'></script>
<link rel="icon" href="../images/favicon.ico" type="image/x-icon">

View File

@ -12,12 +12,13 @@
</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="../css/mymaps.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/commonLibs.css"/>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/thirdparty.css"/>
<link rel="icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/wiseLibrary.js"></script>
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="../css/mymapsOldIE.css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/shadedborder.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/transcorners.js"></script>
<script type="text/javascript">
window.onload = function() {
var boxGenerator = RUZEE.ShadedBorder.create({ corner:16, border:1 });
@ -27,6 +28,7 @@
};
</script>
<![endif]-->
</head>
<body>

View File

@ -6,6 +6,9 @@
<spring:message code="SITE.TITLE"/>
-</title>
<link rel="stylesheet" type="text/css" href="../css/wisehome.css">
!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="../css/wisehomeOldIE.css"/>
<![endif]-->
<script type="text/javascript">
function removeViewer(viewerEmail)

View File

@ -1,9 +1,11 @@
<%@ include file="/jsp/init.jsp" %>
<script type="text/javascript">
window.onload = function() {
var boxGenerator = RUZEE.ShadedBorder.create({ corner:16, border:1 });
boxGenerator.render('userRegistration');
};
if(typeof isOldIE != "undefined"){
window.onload = function() {
var boxGenerator = RUZEE.ShadedBorder.create({ corner:16, border:1 });
boxGenerator.render('userRegistration');
};
}
</script>
<div id="userRegistrationBody">
<div id="userRegistrationContent">

View File

@ -1,13 +1,15 @@
<%@ include file="/jsp/init.jsp" %>
<script type="text/javascript">
window.onload = function() {
var boxGenerator = RUZEE.ShadedBorder.create({ corner:16, border:1 });
boxGenerator.render('searchResult');
if(typeof isOldIE != "undefined"){
window.onload = function() {
var boxGenerator = RUZEE.ShadedBorder.create({ corner:16, border:1 });
boxGenerator.render('searchResult');
$("broweButton").addEvent('click', function() {
window.location = "${pageContext.request.contextPath}/c/search.htm?action=showAll";
});
};
$("broweButton").addEvent('click', function() {
window.location = "${pageContext.request.contextPath}/c/search.htm?action=showAll";
});
};
}
function toogleAdvanceSearch() {
var searchDiv = document.getElementById("searchAdvance");

View File

@ -24,6 +24,13 @@
<link rel="icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/wiseLibrary.js"></script>
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="../css/wisehomeOldIE.css"/>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/shadedborder.js"></script>
<script type="text/javascript">
var isOldIE = true;
</script>
<![endif]-->
</head>
<body>

View File

@ -1,13 +1,15 @@
<%@ include file="/jsp/init.jsp" %>
<script type="text/javascript">
window.onload = function() {
var simpleButtonGenerator = RUZEE.ShadedBorder.create({ corner:8, border:1 });
simpleButtonGenerator.render('userRegistration');
if(typeof isOldIE != "undefined"){
window.onload = function() {
var simpleButtonGenerator = RUZEE.ShadedBorder.create({ corner:8, border:1 });
simpleButtonGenerator.render('userRegistration');
$('submitButton').addEvent('click', displayLoading);
$('submitButton').addEvent('click', displayLoading);
};
};
}
</script>
<div id="userRegistrationContent">