Author: marcus Date: Sun Mar 2 20:21:01 2014 New Revision: 1573361 URL: http://svn.apache.org/r1573361 Log: Changed some border limits to show text, set border radius for all buttons to show them with round corners
Modified: openoffice/ooo-site/trunk/content/download/test/exceptions.css Modified: openoffice/ooo-site/trunk/content/download/test/exceptions.css URL: http://svn.apache.org/viewvc/openoffice/ooo-site/trunk/content/download/test/exceptions.css?rev=1573361&r1=1573360&r2=1573361&view=diff ============================================================================== --- openoffice/ooo-site/trunk/content/download/test/exceptions.css (original) +++ openoffice/ooo-site/trunk/content/download/test/exceptions.css Sun Mar 2 20:21:01 2014 @@ -32,15 +32,15 @@ h1 { padding-left: 0.5em; } .optionset p a { margin: 0; padding: 0; color: #333; } .optionset a p { margin: 0; padding: 0; color: #333; } #bodycol .optionset p a:hover, #bodycol .optionset .button:hover p a { color: #000; } -.optionset .button { margin-top: 10px; } +.optionset .button { border-radius: 15px; margin-top: 10px; } .optionset .button h2 { margin: 0 0 0 -1px; padding: 0; cursor: pointer; border: none; } -.optionset .button h2 a { display: block; padding: 25px 25% 0 3%; font-weight: bold; width: 72%; text-decoration: none; cursor: pointer; } -.optionset .button a h2 { display: block; padding: 0px 0% 0 3%; font-weight: bold; width: 72%; text-decoration: none; cursor: pointer; } +.optionset .button h2 a { display: block; padding: 25px 25% 0 3%; font-weight: bold; width: 80%; text-decoration: none; cursor: pointer; } +.optionset .button a h2 { display: block; padding: 0px 0% 0 3%; font-weight: bold; width: 80%; text-decoration: none; cursor: pointer; } .optionset .button h3 { margin: 0 0 0 -1px; padding: 0; cursor: pointer; border: none; } -.optionset .button h3 a { display: block; padding: 5px 25% 0 3%; font-weight: bold; width: 72%; text-decoration: none; cursor: pointer; } +.optionset .button h3 a { display: block; padding: 5px 25% 0 3%; font-weight: bold; width: 80%; text-decoration: none; cursor: pointer; } .optionset .button p { padding: 0; font-size: .9em; padding-bottom: 25px; cursor: pointer; } -.optionset .button p a { display: block; padding: .1em 25% .25em 3%; text-decoration: none; cursor: pointer; width: 72%; } -.optionset .button a p { display: block; padding: .1em 25% .25em 3%; text-decoration: none; cursor: pointer; width: 72%; } +.optionset .button p a { display: block; padding: .1em 25% .25em 3%; text-decoration: none; cursor: pointer; width: 80%; } +.optionset .button a p { display: block; padding: .1em 25% .25em 3%; text-decoration: none; cursor: pointer; width: 80%; } .optionset .first { margin-top: 0; } .optionset p.promotional { margin-top: 25px; } @@ -48,8 +48,8 @@ h1 { padding-left: 0.5em; } .green:hover { background: url(http://www.openoffice.org/download/cachedimages/button-green.png) #C3E480 right -200px no-repeat; } .green h2 a { color: #718D36; } .green:hover h2 a, #bodycol .green h2 a:hover { color: #546828; } -.sub-green { background: #E9FEBE; border-top: 1px solid #C3E480; border-bottom: 1px solid #C3E480; font-size: .8em; } -.sub-green p { padding: .1em 3%; width: 94%; } +.sub-green { background: #E9FEBE; border-top: 1px solid #C3E480; border-bottom: 1px solid #C3E480; border-radius: 15px; font-size: .8em; } +.sub-green p { padding: .1em 3%; width: 80%; } .grey { background: #C0C0C0 right top no-repeat; cursor: default; } .grey:hover { background: #A0A0A0 right -200px no-repeat; cursor: default; } @@ -61,8 +61,8 @@ h1 { padding-left: 0.5em; } .grey:hover h2 a, #bodycol .grey h2 a:hover { color: #202020; cursor: default; } .grey:hover h3 a, #bodycol .grey h3 a:hover { color: #202020; cursor: default; } .grey:hover p a, #bodycol .grey p a:hover { color: #202020; cursor: default; } -.sub-grey { background: #E0E0E0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; font-size: .8em; cursor: default; } -.sub-grey p { padding: .1em 3%; width: 94%; cursor: default; } +.sub-grey { background: #E0E0E0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; border-radius: 15px; font-size: .8em; cursor: default; } +.sub-grey p { padding: .1em 3%; width: 80%; cursor: default; } /* exchanged the normal picture with one that includes the extension repository graphic */ .blue { background: url(http://www.openoffice.org/download/cachedimages/button-blue-ext.png) #D8E5F6 right top no-repeat; } @@ -72,8 +72,8 @@ h1 { padding-left: 0.5em; } .blue p { color: #2D72CE; } .blue:hover h2 a, #bodycol .blue h2 a:hover { color: #21549A; } .blue:hover a h2, #bodycol .blue a h2:hover { color: #21549A; } -.sub-blue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; font-size: .8em; } -.sub-blue p { padding: .1em 3%; width: 94%; } +.sub-blue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; border-radius: 15px; font-size: .8em; } +.sub-blue p { padding: .1em 3%; width: 80%; } .lightblue { background: url(http://www.openoffice.org/download/cachedimages/button-lightblue.png) #D8E5F6 right top no-repeat; } .lightblue:hover { background: url(http://www.openoffice.org/download/cachedimages/button-lightblue.png) #C3D9F1 right -200px no-repeat; } @@ -81,8 +81,8 @@ h1 { padding-left: 0.5em; } .lightblue a h2 { color: #2D72CE; } .lightblue:hover h2 a, #bodycol .lightblue h2 a:hover { color: #21549A; } .lightblue:hover a h2, #bodycol .lightblue a h2:hover { color: #21549A; } -.sub-lightblue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; font-size: .8em; } -.sub-lightblue p { padding: .1em 3%; width: 94%; } +.sub-lightblue { background: #E1E1FF; border-top: 1px solid #D1D1FF; border-bottom: 1px solid #D1D1FF; border-radius: 15px; font-size: .8em; } +.sub-lightblue p { padding: .1em 3%; width: 80%; } .yellow { background: url(http://www.openoffice.org/download/cachedimages/button-yellow.png) #FFF379 right top no-repeat; } .yellow:hover { background: url(http://www.openoffice.org/download/cachedimages/button-yellow.png) #FFF24F right -200px no-repeat; } @@ -90,29 +90,40 @@ h1 { padding-left: 0.5em; } .yellow a h2 { color: #E09C09; } .yellow:hover h2 a, #bodycol .yellow h2 a:hover { color: #C80; } .yellow:hover a h2, #bodycol .yellow a h2:hover { color: #C80; } -.sub-yellow { background: #FFFEAF; border-top: 1px solid #FBD34E; border-bottom: 1px solid #FBD34E; font-size: .8em; } -.sub-yellow p { padding: .1em 3%; width: 94%; } +.sub-yellow { background: #FFFEAF; border-top: 1px solid #FBD34E; border-bottom: 1px solid #FBD34E; border-radius: 15px; font-size: .8em; } +.sub-yellow p { padding: .1em 3%; width: 80%; } -.yellow_wo_icon { background: #FFF379 right top no-repeat; } -.yellow_wo_icon:hover { background: #FFF24F right -200px no-repeat; } +/* +.yellow_wo_icon { background: url(http://www.openoffice.org/download/cachedimages/button-yellow.png) #FFF379 right top no-repeat; } +.yellow_wo_icon:hover { background: url(http://www.openoffice.org/download/cachedimages/button-yellow.png) #FFF24F right -200px no-repeat; } +.yellow_wo_icon h2 a { color: #E09C09; } +.yellow_wo_icon a h2 { color: #E09C09; } +.yellow_wo_icon:hover h2 a, #bodycol .yellow_wo_icon h2 a:hover { color: #C80; } +.yellow_wo_icon:hover a h2, #bodycol .yellow_wo_icon a h2:hover { color: #C80; } +.sub-yellow_wo_icon { background: #FFFEAF; border-top: 1px solid #FBD34E; border-bottom: 1px solid #FBD34E; border-radius: 15px; font-size: .8em; } +.sub-yellow_wo_icon p { padding: .1em 3%; width: 94%; } +*/ + +.yellow_wo_icon { background: #FFF379; } +.yellow_wo_icon:hover { background: #FFF24F; } .yellow_wo_icon h2 a { color: #E09C09; } .yellow_wo_icon a h2 { color: #E09C09; } .yellow_wo_icon:hover h2 a, #bodycol .yellow h2 a:hover { color: #C80; } .yellow_wo_icon:hover a h2, #bodycol .yellow a h2:hover { color: #C80; } -.sub-yellow_wo_icon { background: #FFFEAF; border-top: 1px solid #FBD34E; border-bottom: 1px solid #FBD34E; font-size: .8em; } -.sub-yellow_wo_icon p { padding: .1em 3%; width: 94%; } +.sub-yellow_wo_icon { background: #FFFEAF; border-top: 1px solid #FBD34E; border-bottom: 1px solid #FBD34E; border-radius: 15px; font-size: .8em; } +.sub-yellow_wo_icon p { padding: .1em 3%; width: 80%; } .orange { background: url(http://www.openoffice.org/download/cachedimages/button-orange.png) #FFD9A7 right top no-repeat; } .orange:hover { background: url(http://www.openoffice.org/download/cachedimages/button-orange.png) #FFBE67 right -200px no-repeat; } .orange h2 a { color: #D36812; } .orange:hover h2 a, #bodycol .orange h2 a:hover { color: #C94800; } -.sub-orange { background: #FFE2B5; border-top: 1px solid #FFB15E; border-bottom: 1px solid #FFB15E; font-size: .8em; } -.sub-orange p { padding: .1em 3%; width: 94%; } +.sub-orange { background: #FFE2B5; border-top: 1px solid #FFB15E; border-bottom: 1px solid #FFB15E; border-radius: 15px; font-size: .8em; } +.sub-orange p { padding: .1em 3%; width: 80%; } .red { background: #FFD9A7 right top no-repeat; cursor: default; } .red h2 a { color: #D36812; cursor: default; } -.sub-red { background: #FFE2B5; border-top: 1px solid #FFB15E; border-bottom: 1px solid #FFB15E; font-size: .8em; cursor: default; } -.sub-red p { padding: .1em 3%; width: 94%; cursor: default; } +.sub-red { background: #FFE2B5; border-top: 1px solid #FFB15E; border-bottom: 1px solid #FFB15E; border-radius: 15px; font-size: .8em; cursor: default; } +.sub-red p { padding: .1em 3%; width: 80%; cursor: default; } .additionalinformation { background: none; float: right; width: 21%; clear: none; } .additionalinformation h2 { border-bottom: 1px solid #CCC; margin-bottom: 5px; margin-top: 0px; } @@ -141,5 +152,5 @@ h1 { padding-left: 0.5em; } .largetable table tr.even td { background: #EEEEEE; } .largetable table tr.odd td { background: none; } -.builds { background-position: left; background-repeat: no-repeat; padding: 2px 0 2px 18px; display: block; } +.builds { background-position: left; background-repeat: no-repeat; padding: 2px 0 2px 18px; display: block; }