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> <includes>
<include>mootools.js</include> <include>mootools.js</include>
<include>common.js</include> <include>common.js</include>
<include>shadedborder.js</include>
<include>transcorners.js</include>
<include>windoo.js</include> <include>windoo.js</include>
<include>menu.js</include> </includes>
<include>slideShow.js</include> </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>mooRainbow.js</include>
<include>help.js</include> <include>help.js</include>
<include>helpPanel.js</include> <include>helpPanel.js</include>

View File

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

View File

@ -224,46 +224,27 @@
padding: 10px; padding: 10px;
} }
#mapListContainer .sb-inner { #recentFiles.sb {
background: white;
}
#mapListContainer .sb-shadow {
background: white;
}
#mapListContainer .sb-border {
background: #A29BBF;
}
#recentFiles .sb-inner {
background: #EEEEEE; background: #EEEEEE;
border:1px solid #E5E5E5;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
} }
#recentFiles .sb-border { #recentItems.sb {
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; background: white;
border:1px solid #E5E5E5;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:16px;
} }
#recentItems .sb-border { #mydocs {
background: #E5E5E5; -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; color: black;
} }
#searchResult .sb-inner {
background: #C3DEF5;
}
#searchResult .sb-border {
background: #A7C6DF;
}
#search { #search {
clear: both; clear: both;
width: 200px; width: 200px;
@ -464,42 +456,10 @@ div#news {
font-size: medium; 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 { #recentMapsContent, #newsContent, #joinContent {
padding: 5px 10px; padding: 5px 10px;
} }
#recentMapsContent .sb-inner, #newsContent .sb-inner {
background: white;
}
#recentMapsContent .sb-border, #newsContent .sb-border {
background: #A7C6DF;
}
#search dl { #search dl {
padding-bottom: 10px; padding-bottom: 10px;
} }
@ -517,18 +477,6 @@ div#news {
font-size: medium; font-size: medium;
} }
#search .sb-inner {
background: white;
}
#search .sb-shadow {
background: white;
}
#search .sb-border {
background: #6186CB;
}
/* Finish homepage styles */ /* Finish homepage styles */
div#mainBody { div#mainBody {
@ -560,19 +508,11 @@ div#login {
padding: 10px; padding: 10px;
} }
div#login .sb-inner, div#forgotPasswordContainer .sb-inner, div#userRegistration .sb-inner {
background-color: #eeeeee;
}
#forgotPasswordContainer { #forgotPasswordContainer {
width: 500px; width: 500px;
padding: 10px; 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*/ /* This is used to fix IE explorer bug rendering rounded corners*/
div#loginContent { div#loginContent {
width: 100%; width: 100%;
@ -622,14 +562,6 @@ div#register a {
padding: 10px; padding: 10px;
} }
#detailContent .sb-inner {
background: #C3DEF5;
}
#detailContent .sb-border {
background: #A7C6DF;
}
#detail { #detail {
margin: 10px auto; margin: 10px auto;
height: 100%; height: 100%;
@ -646,14 +578,6 @@ div#register a {
vertical-align: top; vertical-align: top;
} }
#detail .sb-inner {
background: white;
}
#detail .sb-border {
background: #E5E5E5;
}
#detailTitle { #detailTitle {
color: #093A9D; color: #093A9D;
font-weight: bold; font-weight: bold;
@ -706,3 +630,49 @@ div.newsContainer h2 {
padding:10px; padding:10px;
color:#6B628F; 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="stylesheet" type="text/css" href="../css/embedded.css">
<link rel="icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon"> <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"> <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> </head>
<body> <body>

View File

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

View File

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

View File

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

View File

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

View File

@ -12,12 +12,13 @@
</title> </title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/> <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="../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="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"/> <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> <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"> <script type="text/javascript">
window.onload = function() { window.onload = function() {
var boxGenerator = RUZEE.ShadedBorder.create({ corner:16, border:1 }); var boxGenerator = RUZEE.ShadedBorder.create({ corner:16, border:1 });
@ -27,6 +28,7 @@
}; };
</script> </script>
<![endif]-->
</head> </head>
<body> <body>

View File

@ -6,6 +6,9 @@
<spring:message code="SITE.TITLE"/> <spring:message code="SITE.TITLE"/>
-</title> -</title>
<link rel="stylesheet" type="text/css" href="../css/wisehome.css"> <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"> <script type="text/javascript">
function removeViewer(viewerEmail) function removeViewer(viewerEmail)

View File

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

View File

@ -1,5 +1,6 @@
<%@ include file="/jsp/init.jsp" %> <%@ include file="/jsp/init.jsp" %>
<script type="text/javascript"> <script type="text/javascript">
if(typeof isOldIE != "undefined"){
window.onload = function() { window.onload = function() {
var boxGenerator = RUZEE.ShadedBorder.create({ corner:16, border:1 }); var boxGenerator = RUZEE.ShadedBorder.create({ corner:16, border:1 });
boxGenerator.render('searchResult'); boxGenerator.render('searchResult');
@ -8,6 +9,7 @@
window.location = "${pageContext.request.contextPath}/c/search.htm?action=showAll"; window.location = "${pageContext.request.contextPath}/c/search.htm?action=showAll";
}); });
}; };
}
function toogleAdvanceSearch() { function toogleAdvanceSearch() {
var searchDiv = document.getElementById("searchAdvance"); 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="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"/> <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> <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> </head>
<body> <body>

View File

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