From cbd544b65db567e2b5f08edd578caef52b3b9205 Mon Sep 17 00:00:00 2001 From: cash Date: Wed, 8 Dec 2010 03:43:52 +0000 Subject: changed css/components to css/elements git-svn-id: http://code.elgg.org/elgg/trunk@7565 36083f99-b078-4883-b0ff-0f9b5a30f544 --- views/default/css/elements/forms.php | 261 +++++++++++++++++++++++++++++++++++ 1 file changed, 261 insertions(+) create mode 100644 views/default/css/elements/forms.php (limited to 'views/default/css/elements/forms.php') diff --git a/views/default/css/elements/forms.php b/views/default/css/elements/forms.php new file mode 100644 index 000000000..e54685f86 --- /dev/null +++ b/views/default/css/elements/forms.php @@ -0,0 +1,261 @@ + +/* *************************************** + Form Elements +*************************************** */ +/* default elgg core input field classes */ +.input-text, +.input-tags, +.input-url, +.input-textarea { + width:98%; +} +.input-access { + margin:5px 0 0 0; +} +.input-password { + width:200px; +} +.input-textarea { + height: 200px; + width:718px; +} +input[type="checkbox"], +input.input-radio { + margin:0 3px 0 0; + padding:0; + border:none; +} +label { + font-weight: bold; + color:#333333; + font-size: 110%; +} +input { + font: 120% Arial, Helvetica, sans-serif; + padding: 5px; + border: 1px solid #cccccc; + color:#666666; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +textarea { + font: 120% Arial, Helvetica, sans-serif; + border: solid 1px #cccccc; + padding: 5px; + color:#666666; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} +textarea:focus, +input[type="text"]:focus { + border: solid 1px #4690d6; + background: #e4ecf5; + color:#333333; +} +.input-textarea.monospace { + font-family:Monaco,"Courier New",Courier,monospace; + font-size:13px; +} +a.longtext-control { + float:right; + margin-left:14px; +} +.submit-button { + font-size: 14px; + font-weight: bold; + color: white; + text-shadow:1px 1px 0px black; + text-decoration:none; + border: 1px solid #4690d6; + background-color:#4690d6; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + width: auto; + padding: 2px 4px; + margin:0 10px 10px 0; + cursor: pointer; + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); +} +.submit-button:hover { + color: white; + border-color: #0054a7; + text-decoration:none; + background-color:#0054a7; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; +} +.submit-button.disabled { + background-color:#999999; + border-color:#999999; + color:#dedede; +} +.submit-button.disabled:hover { + background-color:#999999; + border-color:#999999; + color:#dedede; +} +input[type="password"]:focus { + border: solid 1px #4690d6; + background-color: #e4ecf5; + color:#333333; +} +input[type="submit"] { + font-size: 14px; + font-weight: bold; + color: white; + text-shadow:1px 1px 0px black; + text-decoration:none; + border: 1px solid #4690d6; + background-color:#4690d6; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + width: auto; + padding: 2px 4px; + margin:10px 0 10px 0; + cursor: pointer; + -moz-outline-style: none; + outline: none; + -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); + -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40); +} +input[type="submit"]:hover { + border-color: #0054a7; + text-decoration:none; + background-color:#0054a7; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; +} +.cancel-button { + font-size: 14px; + font-weight: bold; + text-decoration:none; + color: #333333; + background-color:#dddddd; + background-image: url(_graphics/button_graduation.png); + background-repeat: repeat-x; + background-position: left 10px; + border: 1px solid #999999; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + width: auto; + padding: 2px 4px; + margin:10px 0 10px 10px; + cursor: pointer; +} +.cancel-button:hover { + background-color: #999999; + background-position: left 10px; + text-decoration:none; + color:white; +} +.action-button { + margin-left: 10px; +} +input.action-button, +a.action-button { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + background-color:#cccccc; + background-image: url(_graphics/button_background.gif); + background-repeat: repeat-x; + background-position: 0 0; + border:1px solid #999999; + color:#333333; + padding:2px 15px 2px 15px; + text-align:center; + font-weight:bold; + text-decoration:none; + text-shadow:0 1px 0 white; + cursor:pointer; + -webkit-box-shadow: none; + -moz-box-shadow: none; +} +input.action-button:hover, +a.action-button:hover, +input.action-button:focus, +a.action-button:focus { + background-position:0 -15px; + background-image: url(_graphics/button_background.gif); + background-repeat: repeat-x; + color:#111111; + text-decoration: none; + background-color:#cccccc; + border:1px solid #999999; +} +.action-button:active { + background-image:none; +} +.action-button.disabled { + color:#999999; + padding:2px 7px 2px 7px; +} +.action-button.disabled:hover { + background-position:0 -15px; + color:#111111; + border:1px solid #999999; +} +.action-button.disabled:active { + background-image:none; +} +.action-button.download { + padding: 5px 9px 5px 6px; +} +.action-button.download:hover { + +} +.action-button.download img { + margin-right:6px; + position:relative; + top:5px; +} +.action-button.small { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + width: auto; + height:8px; + padding: 4px; + font-size: 0.9em; + line-height: 0.6em; +} +.action-button.small:hover { + background-color: #4690d6; + background-image: none; + border-color: #4690d6; + color:white; + text-shadow:0 -1px 0 black; +} +/* small round delete button */ +.delete-button { + width:14px; + height:14px; + margin:0; + float:right; +} +.delete-button a { + display:block; + cursor: pointer; + width:14px; + height:14px; + background: url("_graphics/elgg_sprites.png") no-repeat -200px top; + text-indent: -9000px; + text-align: left; +} +.delete-button a:hover { + background-position: -200px -16px; +} -- cgit v1.2.3